Sent by Zoe M. Gillenwater on 20 December 2005 13:01
Stevio wrote:
>I am trying to have a left column with a different colour that resizes when
>the font size is resized.
>
>I saw this technique a while ago but I can't remember exactly how it works -
>where basically you have a background image that is larger than what your
>window will ever be usually, and you use background-position and ems (and/or
>percentages) to position the background column.
>
>When the font size is resized, the column will resize accordingly because of
>the background positioning setting.
>
>
Stephen,
The techniques Ian and David pointed to you are for equal-height liquid
columns, but it sounds like you want *elastic* columns (where size
changes based on font size, not window width). This is accomplished by
setting width in ems. I explain this in the following free article:
http://www.communitymx.com/abstract.cfm?cid=DB750
In this article, I only mention using a background color, and don't
delve into equal-height columns. If you want a background image, you
can do as you suggested -- create one that is overly large, or create
one that can tile. If you want this column to appear equal in height to
the other column(s), I suggest using Alex Robinson's new method:
http://positioniseverything.net/articles/onetruelayout/equalheight
I don't know of a way to do the traditional faux columns thing with an
elastic layout. Not that there isn't a way -- I just don't know of
one. Alex's method should work great for your purposes.
Zoe
--
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu
______________________________________________________________________
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/
