Forums

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

Home Forums CSS IE8 & IE9 pulls header to top of page

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #195190
    KellyZ
    Participant

    Please help! I have a fixed navigation at the top and a header under it. If you look at the site in IE8/9 it pulls the header with logo up behind the navigation. I have been fiddling with combinations of the padding command and fixed,static,relative and what not. Thank you for any advice. Site is http://www.sacautoparts.com

    #header-wrap {
    padding: 0px;
    background:#FFF;
    position:relative;
    top: 0px;
    z-index:2;
    box-shadow:0 1px 2px 1px rgba(0,0,0,0.05);
    }

    #195191
    shaneisme
    Participant

    Yea you’ve got some empty <p> tags that you’re trying to use for moving the header down.

    So the menu #nav-wrap is position: fixed, this means it’s removed out of the flow and is assigned its position based on the viewport and nothing else in the DOM affects it.

    So, you need to remove all those empty <p> tags and give #header-wrap a top: 75px; for instance (adjust to taste).

    This will make it 75px down from the top of the next relative parent (or body, whichever is first).

    #195194
    KellyZ
    Participant

    Sweet, think I got it mostly figured out. I had to put those

    tags back below the banner wrap so that my body stayed in the correct place since removing them bumped it up. I think that was just the help I needed. :) Thank you sir!

    #195196
    shaneisme
    Participant

    Well that’s the same issue you were doing before, not a good way of going about things.

    There are things like margin and position that you can get exactly what you want rather than putting in random <p> tags – that’s just not a good way to lay things out.

    You can remove #banner-wrap unless it has some other function, it looks to be empty except for clearing floats.

    You can then give #da-slider a margin-top: 80px or so (adjust to taste).

    You want to read up on the box model: https://css-tricks.com/the-css-box-model/

    And then try out this course: http://discover-devtools.codeschool.com/

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