Tengo una tabla en la que estoy usando la propiedad de visualización de CSS para modificar el diseño. Para los navegadores de tamaño completo uso "bloque" y para los más pequeños uso "tabla-celda". Funciona muy bien en Firefox, Safari y Chrome, pero de alguna manera IE9 parece estropearlo por supuesto ... Cuando depuro la página usando Firebug y me gusta, está claro que todos los navegadores excepto IE cambian la visualización: table-cell para mostrar: bloque. Pero IE está atascado con la pantalla: bloquear aunque el archivo CSS indique claramente que debe ser una celda de tabla.Pantalla: ¿célula de tabla no funciona en IE9?
¿Existen problemas conocidos con "table-cell" en IE9 o en cualquier entorno conocido?
EDITAR: El problema no es con la celda de tabla, es con Pantalla: bloquear en una celda de la tabla.
El problema que tengo se puede encontrar aquí: http://css-tricks.com/examples/ResponsiveTables/responsive.php Abrir en Chrome/Firefox y cambiar el tamaño de la ventana del navegador - la tabla responde y cambia a un diseño estrecho. Abrir en IE9 y cambiar el tamaño: la tabla es estática y no cambia.
EDIT2: En el ejemplo anterior, la parte de respuesta está comentada para IE, porque el creador sabía que sería complicado. Sin embargo, quiero ser capaz de crear este tipo de diseño que también funciona en IE, así que tengo que hacer algún tipo de solución para que funcione.
Aquí es una jsFiddle que muestra cómo IE9 meta la pata de la mesa de respuesta cuando se incluye parte reponsive: http://jsfiddle.net/2Mt37/
¿dónde está su css/código? –
Estaba considerando incluir algún código, pero pensé que como esto es parte de un gran proyecto, no tendría mucho sentido incluirlo de todos modos ... – Blizwire
Tienes razón. IE9 realmente arruina esto. Lo arreglé con solo unos pocos cambios, así que espero que te funcione. – Rob