Previous Message
Next Message

Bug or standards compliant? Applied margins to an inner div cause outer div to weirdly collapse if it has no borders.

Sent by Sascha Ebach on 14 October 2005 14:02


Hi Chris (cc to list),

 > As those links can show, this is certainly standards-compliant
 > behavior. What I'm not sure about is why you don't want to use
 > padding on the outer div.  It's the obvious (and appropriate)
 > solution.
 >
 > I'm sure the designs you are working on are more complicated than
 > your test case, but regardless of complications, padding is still the
 > appropriate way to achieve the effect you want.
 >
 > I have no idea how your design is set up, but I'm sure there's a
 > combination of turning off specific margins and turning on padding
 > that will allow you to achieve your effect without sacrificing and
 > putting on borders.  Good luck!

What I am doing is a little more complicated. I am building a css
framework to automate building websites with (almost) any kind of
multicolumn layout. The thing is, I want to avoid (box model) hacking as
much as possible. Every layout has a central stylesheet and an
additional sheet to customize positioning of columns and block elements.
I specifically want to avoid including different fixing stylesheets
*per* layout additionally to this:

<!--[if lt IE 5.5000]><link id="style-ie-50" rel="stylesheet"
type="text/css" media="screen" href="/0/css/ie50.css" /><![endif]-->
<!--[if IE 5.5000]><link id="style-ie-55" rel="stylesheet"
type="text/css" media="screen" href="/0/css/ie55.css" /><![endif]-->
<!--[if lt IE 6]><link id="style-ie-5" rel="stylesheet" type="text/css"
media="screen" href="/0/css/ie5.css" /><![endif]-->
<!--[if IE 6]><link id="style-ie-60" rel="stylesheet" type="text/css"
media="screen" href="/0/css/ie60.css" /><![endif]-->

I am talking about avoiding to create and manage potentially hundreds of
additional stylesheets. That is why I hoped to avoid anything triggering
the need for a box model hack.

But it seems that there will be no way around this so I will have to ask
myself how to programmatically solve this with PHP I guess.

Sascha Ebach
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: