Re: Problem with clearing floats in Firefox

Niels wrote:

Els wrote:


Okay, starting up my SuSE here...
Starting Konqueror...
Starting Firefox (last week's version, 1.0 preview)
Looking at niels.html...

Indeed, it doesn't.

Good to see that I haven't lost yet completely!


How's this one:
http://locusmeus.com/temp/niels6.html

Exactly 20px between floats and 4th div, in WinXP: IE and
Firefox, and on Linux in Konqueror and Firefox.

Yep, that works! Thanks for testing it!

It's a bit clumsy to implement in my html-making class, since the element
that wants the 20px isn't really the one getting it.


But not in IE (6.0 - WinXP)though:
http://locusmeus.com/temp/niels5.html

Hmf! Oh well, I'll look into that later. IE is _not_ going
to steal my time on this one!

I hope your customer doesn't let his employees use IE on this
intranet site then ;-)

That's his problem ;-) Seriously, if the site works in IE, but doesn't look
pixel-perfect, I'm not worried. If people insist on using IE they must be
prepared to pay for it. This isn't 2001!


//Niels

A "Spacer Div" with a Clear ... Ugggh. Consider the following two ways
by applying a margin-top to the div/other "content":

<div id="left" style="border:1px solid red; float:left; clear:left;">
Floated left</div>
<div id="right" style="border:1px solid blue; float:right; clear:right;">
Floated right</div>
<div id="other" style="border:1px solid green;">
<p style="margin-top:40px; border:1px solid orange;">
This should be 20px beneath Left and Right</p></div>


<div id="left" style="border:1px solid red; float:left;">Floated
left</div>
<div id="right" style="border:1px solid blue; float:right;">Floated
right</div>
<div id="other" style="border:1px solid green; clear:both;">
<p style="margin-top:20px; border:1px solid orange;">
This should be 20px beneath Left and Right</p></div>

--
Gus