Me gustaría saber si existe alguna forma mediante CSS, para cambiar las filas por columnas en una tabla para Internet Explorer.
Por ejemplo si tenemos el siguiente código HTML:
Código HTML :
<table width="100%" cellpadding="0" cellspacing="0" border="0" align="center" class="cont"> <tr> <td valign="top" class="cont_desc" colspan="2"> <div class="img_s"> <p><img src="http://www.vincentmounier.com/blog2/uploads/vcr9/ff-ie.jpg" alt="" width="250" /></p> </div> </td> </tr> <tr> <td colspan="2"> <ul> <li> <div id="id1" class="class1"><a href="#">Secc1.</a></div> </li> <li> <div id="id2" class="class1"><a href="#">Secc2.</a></div> </li> <li> <div id="id3" class="class1"><a href="#">Secc3.</a></div> </li> <li> <div id="id4" class="class1"><a href="#">Secc4.</a></div> </li> </ul> </td> </tr> </div> </table>
y aplicamos la regla:
Código :
tr {
float:left;
}en firefox y demás navegadores, la fila de la tabla pasará a visualizarse como columna cuando tenga suficiente espacio a la derecha de la imagen.
En los Internet Explorer, como van a su bola, pues no pasa esto.
He probado con las siguientes reglas, pero tampoco me funciona en IE.
Código :
tr {
float:left;
}
.img_s {
float:left;
position:relative;
z-index:2;
}
ul {
float:left;
position:relative;
z-index:3;
}Me gustaría saber si existe alguna forma de hacerlo en IE sin posicionamiento absoluto
Gracias de antemano.
