Wrap the layout in two containers and place a background image inside each.
The first container has a background image 180px wide that is blank except
for a line along its right edge - to fake the left column border. Set the
background to repeat y.

The second container has a background image 180px wide that is blank except
for a line along its left edge - to fake the right column border. Set the
background to repeat y.

No matter how deep the content inside any column grows, the lines will
always grow with them.

Full step by step of how to do it here:
http://css.maxdesign.com.au/selectutorial/tutorial_intro.htm

Finished sample here:
http://css.maxdesign.com.au/selectutorial/steps/step22.htm

All you need to do is replace the graphics I have used with your own
versions - lines instead of solid backgrounds.

:)
Russ



> 
> I am building a site in a 3 column fluid layout (with header and footer
> divs) and I want to have a grey line between the columns to delineate them.
> 
> 
> I know I can use a background graphic with a background-repeat:y;  to create
> the line, but the problem is different columns will be the longest in
> different pages.  If I put a background graphic in the left and right
> columns, that will draw the grey delimiter as far down the page as content
> goes in those columns but there are is a problem with that approach:
> 
> The side columns have to be a fixed width and that sort of takes away some
> of the 'fluidness' of the layout.
> 
> Is there any way to make both the grey column delineators go all the way
> down the page to the top of the footer div at the bottom?
> 
> Cheers
> Mike Kear
> Windsor, NSW, Australia
> AFP Webworks
> http://afpwebworks.com
> 
> 
> 
> 
> *****************************************************
> The discussion list for http://webstandardsgroup.org/
> *****************************************************

Thanks
Russ

-----------------------------------------------
Russ Weakley
Max Design
Phone: (02) 9410 2521
Mobile: 0403 433 980
Email: [EMAIL PROTECTED]
http://www.maxdesign.com.au
-----------------------------------------------


*****************************************************
The discussion list for http://webstandardsgroup.org/
***************************************************** 

Reply via email to