>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.
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:
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:
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 M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/