[thelist] floating div oddity

[Tony Crockford]

At 15:01 on Thursday, 23 Sep 2004, Joel D Canfield wrote:

> http://BlueMoonOasis.com/
>
> In Opera, Netscape, and IE, the green footer div is below the blue
> content div. In Firefox, it's to the left, as if the 'clear:both' were
> being ignored. Any idea why?
>
> I've bordered the divs for easy reference. They won't really have garish
> borders in the finished product.

if you'd put a border on your float clearing div...

	<div style="clear: both; border: 1px solid yellow">
	</div>

you'd have fixed it.

my guess is that the float clearing div isn't actually after the main  
content div, because floated divs are not in the normal document flow.   
maybe giving it a 100% width or an invisible border would be the answer...

I'm guessing that without a border and a width, the empty div is just  
sitting up at the top of your container div.

hth

-- 
listening to: background noise

http://wiki.workalone.co.uk
http://www.xebit.net