Sent by Zoe M. Gillenwater on 11 January 2005 18:06
Bruce Gilbert wrote:
>Currently the 3 columns have no background or borders, but I was
>hoping to give them a border and light background. Therein lies the
>problem. I tried using the faux column technique from a list apart,
>but It only works when applying to the container div and I could only
>get it to be applied to one of the three columns. The CSS, I am
>referring to:
>
> background: #ccc url(../images/background-image.gif) repeat-y 50% 0;
>
>is there a way to achieve a background on all three of the smaller div
>columns and have the background stretch all the way to the bottom of
>the container div? If there is, I can't figure it out :-(
>
>
You just need to add another container and add the background for the
right column to that container. Just make sure to make part of it
transparent so the background for the first container shows through.
You can keep layering containers with backgrounds on top of each other
endlessly for as many columns as you need.
Zoe
--
Zoe M. Gillenwater
Design Specialist
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/