Site Won’t Center in IE

[chad86]

Hello,

The site that I am working on will not center in IE. Not really sure how to handle this and I’m stumped.

In my original layout.css

Code:

#page-wrapper {width: 940px; margin: 0 auto -165px; min-height:100%; height: auto !important; height:100%;}
#inside-wrapper {width: 940px; margin: 0 auto;}

Not sure why this won’t center in IE 7.

The negative margin is for a push to create a sticky footer. I have stripped everything from layout because I feared an unclosed div, but they were all closed.

Here is a link: http://www.performancedesignllc.com. Looks good in Safari, Firefox and safari and utter crap in IE.

I NEED HELP!

[falkencreative]

I think it should be as simple as adding "text-align:center" to your body declaration in your CSS, and then "text-align:left" to your #page-wrapper

[chad86]

Biggest thing that is bothering me is if you go to any of the pages (and drop downs aren’t working on the home page in IE… weird), the header and the footer get centered and they are wrapped in the #inside-wrapper, the actually body (index.php) remains pushed all the way to the left and off the screen.

[chad86]

Yea I will look into those errors. Possibly yanking the inside-wrapper all together and just have the page wrapper start at the beginning of the doc and run all through.

Just really weird that other browsers have no problem with it.

[chad86]

Fixed the ID problem and noticed in the validator that a of those are xml parsing errors, not anything to do with structurally. Still really confused on this.

[TheDoc]

Many of the errors seem to be odd ones like:

title="Permanent link &quot;Home<br /><span>Welcome</span>&quot;"

Why would you have a <br /> and <span>’s in your title tag of a link?

[chad86]

I was trying to do like a speaking navigation. I am using wordpress as a CMS and that was the only way It could be done because I am using wp_listpages.

I am really stumped on this one. I am willing to pay some one for their time if they can fix this for me. Like I said it looks fine in all the "good" browsers but not in IE. I have taken out each part of the includes, testing to see what causes it with not luck.

Like I said I will pay someone to either help me out or just do it for me.

[nuwanda]

I had exactly the same problem today. Never had it before. Drove me nuts. IE 7 & 8.

Ran the W3C validator, couldn’t see anything obvious, all minor errors. But, I took the time to go through the list and solve each error. Turned out to be a totally innocuous thing: a incorrectly formed html comment.

I would NEVER have spotted it without the validator.

[Author]

Posts