I have a website with pages which are fairly short and don't fill the entire height of the viewport. This leaves an unsightly blank space in the viewport below the footer.
Is it possible to expand the content div (#page ?) to fill the viewport so that the header is at the top margin, and expanded main content (existing text, images, and "blank fill") fills the page, and the footer is flush at the bottom?

Comments

Jeff Burnz’s picture

Usual trick is what Bartik does, color the html element the same as the footer, so you get a huge fake footer, or use some JS trickery, or use display table/table-cell maybe, many CSS tricks can be employed, it just depends.