Web Design in a Nutshell, 3rd Edition

There are a few behaviors of the minimum and maximum size properties to keep in mind:

• These properties are for use with block-level and replaced elements (like images) only.

• Once again, the measurements apply only to the content area of the element. If you add padding to an element, it will be applied on the outside of the content area and make the overall element box larger, even if a maximum height and width have been specified.

  Warning

  Internet Explorer through Version 6 does not support the min-width, min-height, max-width, and max-height properties. The CSS community has devised some workarounds for the min-height problem. These resources are a good starting point for investigation:

  • Dustin Diaz’s “Min-height Fast Hack” at http://www.dustindiaz.com/min-height-fast-hack/

  • Dave Shea’s http://Mezzoblue.com: http://www.mezzoblue.com/dailies/2005/01/05/index.php

  • Grey Wyvern’s solution at http://www.greywyvern.com/code/min-height-hack.html