By flickerfly on

I'm struggling a bit to get IE 7 to properly center the header on the following page http://bit.ly/l2GFT.

I've tried the text-align: center; fix. I've tried to position: absolute; fix. I'm finding myself stumped and could really use a second set of eyes. Your help is greatly appreciated. :-)

⋅ Categories: Drupal 6.x

Comments

cmsproducer’s picture

cmsproducer commented

- I assume that you know that for web standards, using the CSS:
margin: 0, auto;
will center the block left/right

- IE browsers do not always obey this definition and so the solution is to create a container in your markup, align it's parent's content to center, and then pull the inside content to the left/right depending on your reading flow.

Looking at your markup, you should add CSS definitions as follows:

#page-inner {text-align: center;}
#page-inner #header,
#page-inner #xyz {text-align: left;}

** Where xyz is each of the other child sections of the pages.
Let me know if you need more help or opinion