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

Browser Problem with my css mock up

  • # April 29, 2008 at 9:49 pm

    i just made this design in photoshop and then mocked it up.

    FF: Correctly
    Opera: Correctly
    IE: Correctly
    Safari: Correctly

    Does anyone know why in IE the navbar gets pushed to the right which in turn pushes the rest of the page down because of the other floating object. – FIXED

    Link to site in question Link Removed

    # April 30, 2008 at 5:58 pm

    was trying this out last night, problem is definitely in the code for the "li"s if you comment them
    out the screen displays correctly without the links of course. need Firebug for IE,


    # May 1, 2008 at 1:12 am


    I’ve found a solution – i added the following to the markup:


    it now works fine in IE7 (hopefully other versions as well)

    Can someone please run browser checks on Safari and Opera for me? – sorry i currently don’t have them installed.

    # May 1, 2008 at 3:09 am

    It all looks good here on Mac OSX 10.4 in Safari and Opera. Did you knew you could also test that on

    # May 1, 2008 at 5:10 am

    Is there a reason why you haven’t tested in Opera or Safari? They’re both good browsers and gaining in popularity. Or maybe you just wanted to sort IE out first? Just curious lol.

    # May 1, 2008 at 9:48 am

    To be completely honest i don’t have them installed any more and i didn’t know about that site Edwin posted above your post.

    # May 1, 2008 at 11:11 am

    why the 16 pixel difference??


    # May 1, 2008 at 7:05 pm

    I wish i knew – lol

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

You must be logged in to reply to this topic.