Previous Message
Next Message

clearing floats problem

Sent by Gunlaug_Sørtun on 31 March 2006 22:10


Matt Tibbits wrote:

> http://www.tibbits.ca/test.php

> As it is, I'm clearing the navbar float and it looks good in FF. If
> you look at IE both the left floated column and the content section
> are not where they should be.  If I don't clear the float, IE looks
> good but FF doesn't.

> Can anyone help me out here? I'd like to understand why this is
> happening and if possible fix this without resorting to hacks.

IE/win adds height (font-size & line-height - from body in your case) to
the clearing <br /> by default, and it is that height that creates the
space.

A more completely styled <br /> will solve that, like so...

..clear {
clear: both;
font-size: 1px;
line-height: 0;
height: 0;
}

....and will work fine across browser-land.

regards
	Georg
-- 
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: