Treehouse: Grow your CSS skills. Land your dream job.

[solved] Aligning left in IE but not in other browsers

  • # October 27, 2011 at 8:28 pm

    Anyone have any idea why my site is a mess in IE and aligning to the left but not in any other browser. I can’t see anything wrong with the CSS.

    link to my site

    # October 27, 2011 at 8:51 pm

    I don’t have IE handy, but after briefly looking at your code, you may want to try adding overflow:hidden to your main-wrapper.

    When everything is floated within a wrapper, you need to set a width and an overflow. Not sure if this will be a solution, but may help you out with some other issues.

    # October 27, 2011 at 10:31 pm

    It didn’t resolve the issue but thanks anyway, I have added it.

    # October 28, 2011 at 9:46 am

    Anyone have any other suggestions?

    # October 28, 2011 at 10:19 am

    Try setting an overflow hidden on your section-wrapper within your footer.

    # October 28, 2011 at 11:07 am

    Thanks Paulie_D but no luck, this is a right pain! :-(

    # October 28, 2011 at 11:44 am

    I think I may have found the culprit. After running it through the validator, it looks like the fact that you have comments before the DOCTYPE is throwing the page into Quirks mode in IE. Cleaning up the errors usually fixes my problems.

    Hope this helps!

    # October 29, 2011 at 4:02 am

    I’ve read a trick like this:

    body {
    text-align: center;

    #outer-wrapper {
    text-align: left;
    margin: 0 auto 0;
    # October 29, 2011 at 10:22 am

    takeiteasy04 you are my hero. Problem solved! Quite a difficult one to spot as well. Well done!

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.