Grow your CSS skills. Land your dream job.

jquery menu and ie

  • # April 21, 2010 at 6:41 am

    i’m stranded.. and i don’t know how to solve this…
    i have a little website for my portfolio and i figured a way how to have the hole menu on every page.
    and it works all fine just not in ie! safari and firefox don’t really have a problem with it…(just sometimes it gets the order of the menu a bit wrong)
    but that freaking ie is freaking me out… i have no clue whats going on.

    can anyone help?
    the link is:
    http://ninozeke.ch

    sayonara
    nino

    # April 21, 2010 at 11:09 am

    Try making your #page’s position relative instead of absolute. Also, you should rather use an unordered list for your menu instead of a bunch of h1 and h2 tags. Here’s a quick example http://bit.ly/dAtEca

    # April 26, 2010 at 10:38 am

    too bad that didn’t do the trick… :(
    in ie the content gets still pushed down by the menu.

    # April 27, 2010 at 1:22 pm

    Try this:

    Code:
    #content {
    height:573px;
    margin-left:4px;
    width:auto;
    position:absolute;
    top:126px;
    left:0;
    # April 28, 2010 at 8:56 am

    dude your awsome!
    this did the job!
    there was some issue with z-index as well so the menu was suddenly behind the pictures (only in ie) but that works now too…
    now i only have a floating div problem on the about page that my portrait gets lost in ie…

    can i pay you back with a picture? let me know if you liked something!

    # April 28, 2010 at 3:38 pm

    No payment is necessary, I’m just here to help :) You have some pretty awesome photos!

    I think it’s because modern browsers default the absolute position to ‘left: 0; top: 0′ whereas IE doesn’t. Edit the .me class in your css to look like this:

    Code:
    .me {
    position:absolute;
    left:0;
    top:0;
    }
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".