Mark Fellowes wrote:
> http://pamshop.com/Template1/ala_elastic.html
>
> What if I set body (font-size: 50%) then increased the wrapper width
> to 72ems ? Does that still keep things in relative proportion ?
Doesn't help any, and will make the layout run into 'minimum font size'
imposed scaling-problems in some browsers too early.
BTW: the whole thing about scaling the width in em for all
column-containers, is a bit flawed if you're trying to set max-width
equal to window-width or something.
Only the wrapper should have width sized in em, while all
column-containers inside it should have width sized in % of that
wrapper. That'll give full width-control for a single max-width set on
wrapper, instead of having to define one max-width for each element.
Sizing this way makes it easy to adapt a basic 'conditional elastic'
layout to whatever base-width one may choose, since all other elements
will adjust to whatever wrapper-width you set or scale to.
Set wrapper-width to 26em, 50em or 72em, and everything will adjust.
Change % width on column-containers to adjust them to each other and the
em sized wrapper.
It will also allow different em-values for font-size on each column,
without having to re-calculate anything regarding column-width.
Now, if anyone knows how to make an IE-expression (or javascript) to be
triggered by, and "lock" max-width to, a percentage of window-width,
then IE6 can be given a perfect 'conditional elastic' solution too.
Georg
--
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/
