Cuando queremos utilizar una altura mínima para un elemento debemos emplear la propiedad min-height
, que establece una altura mínima para dicho elemento. Pero tiene un pequeño inconveniente: no es compatible con Internet Explorer 6.
Para Internet Explorer 6 se puede utilizar la propiedad height
ya que la interpreta de la misma forma que los otros navegadores interpretan min-height
(incluidas las versiones posteriores de Internet Explorer).
Ahora hay que pasar este razonamiento a código CSS. Se establece una regla CSS con la altura mínima del elemento que leerán todos los navegadores. En esa regla IE6 ignorará la propiedad min-height
. Y seguidamente otra regla solo para IE6 y anteriores con la propiedad height
:
#elemento {min-height:10em;}
* html #elemento {height:10em;}
Más sencillo imposible.