06 octubre 2006

Cómo resolver los problemas con tu CSS y IE

Quizá no sirva para todos los casos, pero yo hice lo siguiente:

Tenía un diseño guachi que el IE no podía ver. Los demás navegadores, sin embargo, sí.

Así que puse dos órdenes contradictorias. Primero un diseño cutre para IE y luego justo lo que quería para Firefox. Los navegadores hacen lo último que leen, así que sólo hay que evitar que el IE lea la segunda parte. ¿Cómo evitarlo? Con etiquetas de herencias que el IE ignore y que se impongan en todas partes. Vg:

html>body #tucaja{
}

Así, en otro de mis blogs donde estoy haciendo un diseño que voy a poner en todos, puse

#barraizq {

position: absolute;
float:left;
top: 320px;
left: 20px;
width:20%;
height: 100%;
display: inline;
}

html>body #barraizq {
width: auto;
max-width:17%;
min-width:155px;
}

El Firefox hace lo de width auto y el IE no.

Estadísticas del blog