The faux method seems to work OK, but I'll work my way through the
documented issues and test it out in different browsers.
Cheers,
Nick
Nick Roper wrote:
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]
*******************************************************************
