Question

Is this possible using CSS only? I can’t find a definitive answer anywhere!

It’s for a left and right nav bar I’d like to stretch to 100% height; i.e. the end of the page. There are three floated columns contained within a floated container that stretches 100% height, I just can’t get the childs to stretch…

http://www.dev.inside-guides.co.uk/brentwood/pages/links.html

Thanks in advance for any replies.

Answer 1

It can be done, if you set its parent div container position to relative as follows

#container {
    position: relative;
}

and then set the div you want to be 100% and position absolute as follows

#inner {
    height: 100%;
    position: absolute;
}

this is how I’ve done it, hopefully I haven’t missed anything 🙂