Grow your CSS skills. Land your dream job.

[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 http://www.firstcog.org.

    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.

    [img]http://api.browsershots.org/png/original/01/0179ed8f378088a12e7cff1764325a8d.png[/img]

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

    Code:

    Then add this class to your css:

    Code:
    .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:

    Code:
    #topnavbar {
    clear:left;
    height:34px;
    }

    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

    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.

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