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)
> 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.
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/