Internet Explorer and min-height
Written by Administrator   
sabato, 30 maggio 2009

This solution is very useful to create a web page layout with a fixed height length. This is important to fully exploit screen vertical resolution and is solved applying the min-height css rule.
This css rule is often involved for main body web page sections, not to leave blank areas below and to correct positioning footer text content.

Min-height is however supported only by Opera, Safari and Firefox, not by Internet Explorer version 6 and 7.
The code here below is then essential to full fill this gap. The !important css operator, whose function is to overwrite the rules after its declaration, is ignored by Explorer. The same browser interprets moreover the min-height property as per the more general height.

#miodiv {
  min-height: 400px;
  height: auto !important;
  height: 400px;
}

Last Updated ( venerd́, 07 agosto 2009 )