Cookies en Outbook

Esta web utiliza cookies propias para ofrecer una mejor experiencia. Al navegar, aceptas dichas cookies.
  • Más información acerca de las cookies

Outbook

UI-Dev & more

CSS: altura mínima con min-height, incluso en IE6

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.

Publicado

Categorías: