Mike Smith wrote:
> Temp site: http://www.grum.com/temp/j/index.html
> I have a div floated left and it's supposed to line up vertically
> with the div in the content area. It does just that in FF and
> Netscape9, but IE6 and IE7 have the left floated div a little higher
> than the content one.
It is a "collapsing margins"[1] case, where the original 20px margin-top
on #spotlight escapes the #content div in non-IE browsers, while IE/win
contains that margin within the #content div and thereby pushes
#spotlight that much down relative to the left div.
One way to fix the line-up across browser-land, is therefore to zero out
the "escaping" margin...
#spotlight {
margin: 0 40px 0 230px;
}
For testing-purposes, adding...
#content {
padding-top: 1px;
}
...without zeroing out the margin-top on #spotlight, will make all
browsers contain the margin and push #spotlight down.
regards
Georg
[1]http://www.w3.org/TR/CSS21/box.html#collapsing-margins
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
