At 4/17/2009 11:18 AM, Stevio wrote:
I have created a web site design, with a graphical border down the
sides of the design (15px wide on each side).
To implement this using CSS would be quite simple if the design had
a fixed width, but I am looking to implement a liquid layout.
Essentially I reckon it comes down to equal height columns in liquid
layouts. Any suggestions on how to best accomplish this?
You could wrap the columns in a nested pair of parent containers that
stretch naturally to contain the widest & tallest of their children,
then apply one border to the left side of outer parent and the other
border to the right side of the inner parent.
<div id="parent-outer">
<div id="parent-inner">
<div id="column-1">
</div>
<div id="column-2">
</div>
</div>
</div>
Regards,
Paul
__________________________
Paul Novitski
Juniper Webcraft Ltd.
http://juniperwebcraft.com
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************