10
Estoy tratando de hacer flotar un contenedor en el lado derecho de la página. A la izquierda hay muchas tablas que necesito tener un ancho del 100%. Quiero que se extiendan hasta el elemento flotante de la derecha. Cuando ese elemento de la derecha termina, quiero que las tablas se extiendan hasta el final de la página.IE9 Flotante con desbordamiento: oculto y ancho de tabla 100% que no muestra correctamente
Esto funciona muy bien en todos los navegadores excepto IE. En IE, todas las tablas se muestran debajo del elemento flotante a la derecha. Sé que hay una solución para el desbordamiento oculto en IE pero no puedo hacer que funcione.
Codifique a continuación.
<head>
<style type="text/css">
.container{margin:0 auto; min-width:1000px; max-width:1200px;}
.sidebar{float:right;width:300px;margin-left:5px;}
.tholder{overflow:hidden;}
</style>
</head>
<div class="container">
<div class="sidebar">
<img src="dsfd.jpg" heigh="600" width="295">
</div>
<div class="tholder">
<Table width="100%" border="1"><tr><td>Text</td></tr></table>
</div>
<div class="tholder">
<Table width="100%" border="1"><tr><td>Test goes here</td></tr></table>
</div>
<div class="tholder">
<Table width="100%" border="1"><tr><td>text</td></tr></table>
</div>
</div>
No estoy seguro de si es un error tipográfico o no, pero el atributo de altura en la imagen no tiene una 't'. Publica un violín si puedes. – Jrod