Have you ever had the problem with your page layout because there is not enough content on the page, I have a solution for you!

To keep a website design“>website design balanced and neat and tidy can be hard sometimes if there is little content on a page. A solution to help keep the height of the page to a minimum height can be done by specifying a few simple rules.


.minheight { min-height: 550px; }


Internet Explorer Hack


.minheight { min-height:550px; height:auto !important; height:550px; }


Related posts:

1. Quick Tip 5 – Compact CSS
2. Quick Tip 6 – CSS Shorthand
3. Quick Tip 7 – CSS !Important
4. Quick Tip 2 – CSS Text Shadow
5. Quick Tip 10 – CSS Vertical Alignment

Posted By: Martyn

Hi, I'm Martyn, the Lead Designer for Web Design GM and really hope you find my existing and upcoming articles useful. Please leave comments below and I will try to respond to any questions as soon as possible.

Visit Authors Website

Tags: CSS, Minimum Height

This entry was posted on Thursday, March 11th, 2010 at 10:27 am and is filed under Quick Tips, Web Design. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.