RE: May have to do with "column layout" WAS:RE: Proposal of alternative to CSS3 box-sizing property

> -----Original Message-----
> From: Rod Dav4is [mailto:dav4is@bigfoot.com]

>     No good. Max-width still applies (in legacy UAs) to the
> content-width. The resulting box total width (again, in 
> legacy UA) will
> be 50% (of container) + margins + borders + paddings.

Sheesh, I guess that was my morning coffee talking.


>  In a CSS3
> conforming UA the width will be (with box-sizing:border-box) 50% +
> margins. Still too wide to fit two of them side-by-side in a container
> if any margin at all is present.
>     My proposal would allow such side-by-side placement very easily:
> 
>      .myClass{
>       width:50% outside;
>       border:10px;
>      }
> 
>     Furthermore, under my proposal, you can change/add/delete margins,
> borders, padding at will without worry that the fit will be 
> compromised
> -- unless, of course, the dimensions of these cause the content to no
> longer fit in what's left over for content-width.


Yes you are right but the problem remains. In a current browser, this
will render your .myClass elements one under the other, thanks to that
"auto" that occurs when "width:50% outside" cannot be interpreted.

Allow me to change my previous proposal to something like this:

.myClass{
 width:50%;
 width-include:border(10px), margin(5%);
}


This way, border and margin width will only be interpreted if
width-include is known.

Kindest regards,

Manos

Received on Tuesday, 19 June 2001 07:48:38 UTC