Grow your CSS skills. Land your dream job.

Halp with Nav pushed up in IE7

  • # August 6, 2010 at 9:37 am

    Good morning -
    I am looking for assistance with 2 thngs happening in IE7. If you could please visit this link – http://www.creativeeyedia.com -

    1) The nav links for the states (on the Stories page) are pushed up in IE7 and I am baffled.

    2) Also – the main content on all the pages is pushed up underneath the navigation on all the pages. Any assistance you may be able to provide me is greatly appreciated -

    Thank you
    Brian

    # August 6, 2010 at 11:49 am

    For the first problem change margin-top to padding-top for #states ul in IE7

    For the second problem remove the overflow: hidden from #navigation.

    I don’t know if you are aware but there is also a problem on Mac in Firefox and Safari.

    # August 6, 2010 at 1:34 pm

    I removed overflow: hidden as well as the bottom margin and added a height to the nav – this seemed to fix the issues

    What is happening on the Mac browsers?

    Thanks Virtual -

    # August 6, 2010 at 1:47 pm

    The Firefox issue can be fixed by reducing padding-right on li class left to 155px.
    [attachment=1]Picture 1.png[/attachment]

    I haven’t had time to look at Safari with the Web Inspector.
    [attachment=0]Picture 2.png[/attachment]

    You could also eliminate your #navigation div altogether and give the ul an id of navigation. This cuts down on unnecessary markup but doesn’t fix the problem.

    # August 6, 2010 at 1:51 pm

    P.S. I saw on Killersites that you added a height to the header, I guess you didn’t upload it yet. Maybe this will fix the problem in Safari.

    # August 6, 2010 at 3:33 pm

    Thanks Virtual

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".