Problem with the header. Help Please

I am having problem with fixing up my header

The site is http://www.1bloc.com/

If I insert the header at the top the remaining things like the search button, the RSS feed button, the blog title and tagline move either up or down. They do not remain there.

I want it look something like this but its not happening


http://i32.tinypic.com/2liif0p.jpg

Can somebody help me, please ?

Thanks

 

I have just checked it out and it looks like you have it working.

 

Have you tried setting the header image(s) as the background image for the header div?

JR

 

Can you please guide me with how to set it as a background image for header div ?

 

The site is working fine here!

 

The images are not loaded. Background images as suggested could be a solution. But I don't know how to do that. Please help.

 

The images in the middle are not there. The header is right now not loaded.

This is how I wish it to be but once the header is loaded, but the current structure moves either up or down - as I said earlier.

http://i32.tinypic.com/2liif0p.jpg

How to fix up background images for header (if that could be a solution).

 

Something like this:

#header {
background: url(header.gif) no-repeat top center;
}

in the CSS should do the trick.


JR

 

I will try this right now.

 

I have done the code but there seems to be some error. The images are duplicating (repeating) itself.

This is the code that I used.

#header {

background: url() no-repeat top center;

}


So, is there any error. This is how it looks: http://www.1bloc.com/

 

Ok. Its done. I changed the no-repeat top center to no-repeat top right

Thanks JR for the help. Positive Reps for that.

 

Ah. . Try:

#header {
background-image: url(IMAGE);
background-position: top center;
background-repeat: no-repeat;
}

JR

 

Ah, cool. I'm glad it's working

 

Thanks for the help JR