The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Stretch a middle section to full length Reply To: Stretch a middle section to full length


Okay here is the sample code. I like the left panel stretched to the full length between the header and footer. This basic layout is quite common and I use it in many occasions. But the problem (I saw it in many web sites) is that either the the left panel does not go all the way to the footer (as shown in this example), or the footer is not at the bottom of the window (a non-sticky footer), or the height of the panel is set to be long enough to push the footer off the bottom of the window.

Also notice that I’ve put a red border around page-body which includes the panel and content divs, but you’ll see, the red box does not show up as expected. Why is so?


[NOD EDIT – Codedunp removed]