Previous Message
Next Message

backgrounds on column divs within page layout divs

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/
Previous Message
Next Message

Message thread: