The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

[Solved] Header Problem in IE7

  • # December 18, 2009 at 9:24 am

    Can anyone help me with the issues I am having with the placement of the Header and navigation on this church site I am working on

    Here is a browser shot of what it is doing. The navigation is suppost to be aligned at the bottom of the header. If you view the site in Fire fox all is good.


    # December 18, 2009 at 10:05 am

    Humm, for what you want to do, get rid of the width and float:left for your logo.

    # December 18, 2009 at 10:36 am

    You might want to try setting up a clear class.


    Then add this class to your css:

    .clear { clear:both; padding:0px; margin:0px; line-height:0px; }
    # December 18, 2009 at 11:33 am

    Just have your navigation clear the header image:

    Update your #topnavbar (line 121) to be this:

    #topnavbar {

    Instead of floating left, "clear:left" will put the navigation below your header image that is floated left.

    # December 18, 2009 at 4:01 pm

    This reply has been reported for inappropriate content.

    Thanks guys! I got it fixed. removed the left float from that div.

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

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed