The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Site Won’t Center in IE

  • This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #24330


    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

    #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: Looks good in Safari, Firefox and safari and utter crap in IE.



    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


    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.


    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.


    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.


    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?


    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.


    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.

Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘CSS’ is closed to new topics and replies.