Forums

LinCSS25

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.

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

JaredAM

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

Brido

You might want to try setting up a clear class.


<div id=\"toplogo\"><a href=\"http://www.firstcog.org/\">Miamisburg First Church of God</a></div>
<div class=\"clear\"></div>
<div id=\"topnavbar\">

Then add this class to your css:


.clear { clear:both; padding:0px; margin:0px; line-height:0px; }

AshtonSanders

Just have your navigation clear the header image:

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

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

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

LinCSS25

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

treehouse : what would you like to learn today?

Forums

[Solved] Header Problem in IE7