Need help centering header for all screens

HTML & CSS
1

hi, im a newbie trying to get my header to stay in the center on all pages. so far on most screens it wants to hug the left. any help is appreciated. heres the link: http://www.blenderairshows.com/photo.html

thanks

2

Did you got this fixed?

3

no not yet

4

The problem is that the content of .header (.logo) has fixed position, this cause .header to collapse… essentially becoming invisible… and since the content are fixed they too aren’t centered.

There are other minor issues,for what you have now… you could fix it this way:

<div class="header"><a href="index.html"><img src="images/logo.png" alt="Blender Airshows"/></a><!-- end .header --></div>

in the CSS
get rid of .logo{…}
and replace .header with :

 .header {
	background: url(images/logograd.gif)  repeat-x #000; height:153px; 	text-align: center; position: fixed;  top:0; left:0; right:0; width: 100%; z-index: 999;

}

you will need these OPTIMIZED images.

sorry that the attachments will take a bit to clear in the forum… but I hope this will help.

5

thanks for the help, i will give that a try.

6

That worked. thanks a bunch!