Posted by Jonathan N. Little on 06/13/06 17:58

fred.haab@gmail.com wrote:
> Jonathan N. Little wrote:
>
>> It is you and IE that is wrong. Floats are supposed to break out of the
>> containing block so that a floated block can knock out more than one
>> non-floated block
>
> Actually, I disagree. In all my searching online, I've found that this
> behavior is known and expected, but is not defined or "supposed" to be
> that way.

No, I am sorry but your position is *incorrect*.

See:
http://www.w3.org/TR/CSS21/visuren.html#floats

and scroll down a bit to the diagram "A floating image obscures borders
of block boxes it overlaps." to see how floats overlap with boxes in
normal flow...


> In my searching, I've discovered that simply adding the style
> "overflow: auto" to the outer div solves the problem.

yes can work but sometimes can produce unwanted scroll bars, my way is
better for 2 reasons. 1) it removes superfluous containing markup and
classes and 2) it uses a contained normal flowed element to expand the
height of the container with no chance of scrollbars.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

[Back to original message]