Webmaster Libre

Las propiedades min-width y min-height nos permiten establecer un tamaño mínimo para el ancho y el alto de una capa u objeto, respectivamente. Esto tiene sentido en los navegadores más estrictos donde width y height son valores exactos para la anchura y altura pero cuando mostramos la página en Internet Explorer suceden cosas “raras”:

1. Las propiedades height y width son interpretadas como min-height y min-width, es decir, si el contenido es más grande que el contenedor este se adaptara para albergarlo.
2. Min-height y min-width no se entienden y por tanto se ignoran

En aNieto2k se ha publicado hoy un enlace a un hack que nos ayudará a solucionar este problema, nada que no pudiésemos hacer ya con otros trucos de los que ya hemos hablado, no obstante es interesante y bastante limpio para ser un hack: Min-Height Fast Hack por Dustin Diaz

selector {
  min-height:500px;
  height:auto !important;
  height:500px;
}

Como el Explorer no entiende la marca !important, la ignora y continua tomando valores. Por tanto funcionará hasta que se arregle el fallo en versiones nuevas pero esperemos que llegados a ese momento también funcione min-height.

Supongo que no hace falta decirlo pero: también funciona con min-width