Sent by Matthew Levine on 20 January 2006 17:05
On Jan 20, 2006, at 11:19 AM, Dagmar Noll wrote:
> Hey folks. My brain is hurting. Can someone nudge me along a bit (at
> this point, if it is hopeless, I wouldn't mind being put out of my
> misery either)?
>
> I am trying to have a line along the left nav extend to the base of
> the
> content. It works just as I'd like it on this page:
I'd recommend checking out the One True Layout -- it allows you to
get equal-height columns using <div>s for layout.
http://www.positioniseverything.net/articles/onetruelayout/equalheight
The basic concept is that you add padding to the bottom of the column
elements, but a negative margin to the container:
<div id="container">
<div id="center" class="column"></div>
<div id="left" class="column"></div>
<div id="right" class="column"></div>
</div>
#container { margin-bottom: -1000em; overflow: hidden; }
.column { padding-bottom: 1000em; }
This will let you add a border to the left column that will extend to
the bottom of the page, no matter which column is tallest.
Unfortunately, there's a bug with Opera 8.5's overflow: hidden, but
you can work around this (see the URL above) or trust Opera users to
upgrade to 9.0.
--
Matthew Levine (http://www.infocraft.com/)
______________________________________________________________________
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/
