Janet Chang wrote:
> http://www3.law.northwestern.edu/faculty/profiles/JamesSpeta/
> The way it looks in IE 6 is the way I want it to look. However, in
> Firefox, the top three sections are squished together. If I add
> spacing to accommodate Firefox, then there is too much space in IE.
>
> [...]I don't think this is related to the box model problem, though,
> as my column divs only have width set and the problem is in the
> top/bottom spacing not left/right.
>
> Any ideas for how I can get it to match across browsers?
Yes, IE got it wrong, as the 'width' acts as a 'hasLayout'[1] trigger,
making it expand the containers.
Add (as a test)...
div#content div {overflow: hidden; *overflow: visible;}
...which will make it appear as you want.
Then use the most suitable one of the properties that enforces a
'block formatting context'[2] in standard-compliant browsers, only to
the correct containers. That'll give you a match.
regards
Georg
[1]http://www.satzansatz.de/cssd/onhavinglayout.html
[2]http://www.w3.org/TR/CSS21/visuren.html#q15
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/