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 PROTECTED]
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/

Reply via email to