Hi all,
Just wondering if you could please shed some light on this issue for
me. Sorry, I dont have access to an external webserver, so I will
paste the code here;
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
http://www.w3.org/TR/html4/loose.dtd;
html lang=en
head
titleFloat
jack fredricks wrote:
I guess the real question is is clear:both supposed to stop clearing
once it gets to the margin of the containing element, or does it
also clear BEYOND that margin?.
Clearings will act on anything within the flow. Margins won't stop it.
One way to handle this is to
clear:both on the pseudo-element 'clears' any float that is within the
same block formatting context (here: body).
The pseudo-element sticks to the div.z, but the clearance moves it below
the floated leftnav.
Therefore, the pseudo-element stretches the element to which it is attached.
This
Thank you both (Gunlaug and Ingo),
the problem was indeed my lack of understanding of the 'Block
Formatting Context', listed as G said here;
http://www.w3.org/TR/CSS21/visuren.html#q15
The key then is to change the Block Formatting Context..and..WOW...
G's suggestion of changing the