Sent by Big John on 29 September 2003 17:05
> From: Big John
> This is just IE being IE. If the container had no borders or padding IE
> would be correct, but either of those should prevent the box margins
> from escaping out of the container.
Drew wrote:
> Where does this information about browser performance come from? Is this the
> dtd for the browsers? A compendium of browser behavior or just experience?
It's my experience. Here is the relevant W3C section:
http://www.w3.org/TR/REC-CSS2/box.html#x27
The important passage is:
"...the expression collapsing margins means that adjoining
margins (no padding or border areas separate them) of
two or more boxes (which may be next to one another or
nested) combine to form a single margin."
Since the container in question has both padding and borders,
the margins on the inner boxes ought to be trapped inside the
container box. In fact, IE allows them to escape thru those
paddings and borders, violating the specs (as usual).
http://www.kingmanaz.net/~bigjohn/temps/misc/no-margins.html
I duplicated the test with extra iterations, and the containers
are held apart by those escaped inner margins, altho they are
collapsed together where two of them touch. The top margin is
lost, but top margins are often lost, and not just in IE.
Big John
PS--sorry about the mulriple ID's. I'm lazy, but it changes nothing.
=====
Perennial student + Impractical joker + CSS junkie = Big John
<http://www.positioniseverything.net>
A Master of Rocks, a Pedalin' Fool and a Topophiliac to boot!
<http://kingmanaz.net/~bigjohn/>
__________________________________
Do you Yahoo!?
The New Yahoo! Shopping - with improved product search
http://shopping.yahoo.com
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/