Two vertical divs within a 100% height div

Question

Sorry for my bad english, hope you will understand my issue.

I\'m turning my head around a problem that I know I\'ve been solving once before. The issue is that I ne

Answer 1

here's a slightly different way to do it so you don't need to use the top and bottom co-ordinates together - that way it can be made to work in IE7 too

(this does involve putting IE6/7 into Quirks mode though, but if it's any use see the comment before the Doctype how to do that)

JSBIN - IE7 compatible version

This is the quite similar to thirtydots, in that it uses a mixture of relative and absolute, but this method uses the border-box box-sizing model so space can be created by padding and still maintain the use of height: 100%;