Home/ Questions/Q 8688577
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T23:24:13+00:00

I’m creating a webpage in Twitter Bootstrap (if it matters) and I want the

  • 0

I’m creating a webpage in Twitter Bootstrap (if it matters) and I want the page to be 100%; in height, so there won’t be any empty space on the bottom or the top of the page, as it looks like this now:

enter image description here

And I want it to look like this:

enter image description here

While long pages shouldn’t have any extra whitespace in the container and it would be still 100% in height like this:

enter image description here

But how I can achieve this? As the layout is liquid?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I would use display: table and display: table-row. For older browsers that don’t support display: table you can use Modernizr and a jQuery fallback. Here’s a fiddle:

    http://jsfiddle.net/85FHe/11/

    For more information on CSS table display support go to http://caniuse.com/css-table.

    • 0