sandy wrote:
> example: http://www.westboundandweary.com/cpc/
>
> please note the difference in the page between Mozilla and IE. IE is
> doing what i want it to do (amazing!). When adding margin: 8px to
> "main_holder" div which is the beige colored area, Mozilla puts the
> margin on its containing divs it seems, which causes my whole bubble
> box to be pushed down from the header instead of just the beige area
> being pushed further inside the bubble box. why is this happening?
> THanks.
'Collapsing margins'[1] - which Mozilla handles according to relevant
CSS standard, while IE messes it up with its 'hasLayout'[2] bug.
You can add...
#outer_holder_top {overflow: hidden;}
...or...
#outer_holder_top {display: table;}
That will make Mozilla, and all other standard compliant browsers,
contain that margin as you want.
regards
Georg
[1]http://www.w3.org/TR/CSS21/box.html#collapsing-margins
[2]http://www.satzansatz.de/cssd/onhavinglayout.html
--
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/
