To check if a given website is running on standards or quirks mode on IE6, enter the following text on the URL and press enter:

javascript:alert(document.compatMode)

Depending of what you get, you can tell which mode you are running:

  • CSS1Compat: Standards Mode
  • BackCompat: Quirks Mode

Tags: , ,

Hay algunos navegadores antiguos (IE6 por supuesto) que no soportan algunas propiedades interesantes de CSS como el min-height, que dice cual debe ser la altura minima que debe tomar un elemento.

Afortunamente, hay hacks para solventar este problema, el más simple (solo involucra CSS y no hay que hacer ningún cambio en el HTML) de todos es el siguiente:

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

IE6 no sabe que significa el !important, por lo que la altura no será automática sino de 500px. El resto de navegadores (los buenos como Firefox, Chrome, Opera… y bueno, también IE7) si harán un render correcto.

Pueden encontrar más información al respecto aquí.

Tags: , , ,

  • Facebook
  • Google+
  • LinkedIn
  • Twitter
  • Flickr