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) |
javascript:alert(document.compatMode)
Depending of what you get, you can tell which mode you are running:
- CSS1Compat: Standards Mode
- BackCompat: Quirks Mode
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;
} |
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í.
posts.forEach(post => document.write(post))