ansaurus

Question

How to make last div stretch to fill screen?

Answer 1

+2 A:

I'm pretty sure the only way to do this is by calculating the absolute remainder hight.

I.E, with jQuery

$('#footer').height( ($(window).height() - $('#header').height() - $('#subNav').height() - $('#content').height()) + "px" );

You would want to do this on window resize to allow for a dynamically resizing window.

$(window).resize(function(){...});

Stefan Kendall 2010-03-12 19:49:56

Yep, can't be done well without javascript.

runrunraygun 2010-03-12 19:59:28

Answer 2

A:

If you don't want to go the jQuery route, the poor man's version of this is giving #content a min-height that will make it work in most displays, and/or by giving your footer plenty of padding on the bottom. It might trigger a scrollbar in some instances, as you're just controlling how short the page can be, though.

(Or you can just accept it as a limitation of the medium. Stack Overflow, for example, just has its footer float above whitespace if the page is too short.)

D_N 2010-03-12 20:05:56

ansaurus

tags:

views:

answers:

How to make last div stretch to fill screen?

related questions