Hi Paul,
Thanks for that. I had wondered about using a background image and have
now added an enclosing #content div to try it out. The faux column
solution looks interesting as well.
Will try both out.
Cheers,
Nick
Paul Novitski wrote:
At 11/27/2006 02:25 PM, Nick Roper wrote:
I have a 3 column layout and want to display a vertical border between
the columns. The problem is that the relative heights of the columns
can change depending on how much content is in each at any time. I
want the borders to always extend for the height of the currently
tallest column, and for both borders to be the same height.
See http://dev.logical.co.uk/test/vertical_borders.html
This sounds like it could be a simple variation on equal height faux
columns.
http://css-discuss.incutio.com/?page=AnyColumnLongest
Since your columns are fixed widths, you can create your borders as a
single vertically-repeating background image applied to the container
for all three columns. In your markup you don't have such a container
except the body element itself; if you need to accommodate further
content on the page, wrap the three columns in a div and go from there.
Regards,
Paul
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
--
Nick Roper
partner
logical elements
innovative web and internet solutions
zend/php & mysql approved partner
email: [EMAIL PROTECTED]
phone: +44 1749 676798
www: www.logical.co.uk
skype: nick.roper / +44 20 7870 9587
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
