Probably something called "margin collapsing" is going on here, which
makes IE6 doing this incorrectly and Mozilla/Opera doing it correct.
I guess it should be covered somewhere here:
http://www.w3.org/TR/CSS21/box.html#collapsing-margins
(personally I don't like margin collapsing behavior)

Regards,
Martijn

Stanimir Stamenkov schreef:

> [x-posting to n.p.mozilla.layout, followup-to n.p.mozilla.layout]
>
> /Stanimir Stamenkov/:
>
> > http://stanio.info/viewport_fill.html
> >
> > Now, the example DIV element has top and bottom margins of 3em and
> > 'height: 30%'. What I observe in Mozilla (actually SeaMonkey 1.0 Alpha)
> > and Opera 8.02 is the appearance of a vertical scroll-bar for the
> > viewport adding about 3em of height to scroll. IE 6 doesn't show a
> > scroll-bar.
> >
> > 1. AFAIK that's not really specified but I expect the viewport to
> > establish an implicit border where the margin of the root element
> > doesn't collapse with anything "upstairs" so that's why I think IE 6 in
> > this case is correct.
> >
> > 2. Mozilla seems to collapse the top margin of the example DIV with the
> > no margin of the parent BODY and HTML elements but it adds that margin
> > to the void extending the initial containing block height.
> >
> > What do you think is the correct calculation/rendering?
> 
> -- 
> Stanimir

_______________________________________________
mozilla-layout mailing list
[email protected]
http://mail.mozilla.org/listinfo/mozilla-layout

Reply via email to