Forums

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

Home Forums CSS [Solved] Header Problem in IE7

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

    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]

    #68276
    JaredAM
    Member

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

    #68274
    Brido
    Member

    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; }
    #68279
    AshtonSanders
    Participant

    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.

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