Quiero que un div padre se estire cuando el ancho de la tabla secundaria va más allá del ancho de página.Tabla ancha dentro de div - div no estirándose
¿cuál sería la mejor solución de CSS para esto?
Quiero que un div padre se estire cuando el ancho de la tabla secundaria va más allá del ancho de página.Tabla ancha dentro de div - div no estirándose
¿cuál sería la mejor solución de CSS para esto?
Establecer el div en display: inline-block
parece ser el truco.
gracias por la respuesta rápida - esta probablemente no es la solución más elegante - pero para el mini sitio que estoy construyendo esto será lo suficientemente bueno –
También puede usar display: table;
. (DIV)
En mi caso (XHTML 1.0 Transitional tipo de documento) tuve estructura como
<div>
<table>
<tr>
<td>
<img width="1800px" height="600px" />
</td>
</tr>
</table>
</div>
Como ya he encontrado en las reglas CSS, mesa tenía
table-layout: fixed;
Cuando quité esta regla, todo se solucionó
Un 'div' normalmente se expandirá para ajustarse a su contenido; ¿Qué estilos estás aplicando al 'div' primario de la tabla (y a la' tabla' en sí misma)? –
sin estilos en absoluto - el ejemplo es simplemente html - Supongo que el problema se debe a que la tabla va más allá del ancho del navegador –
Bien, entonces, ¿qué margen de beneficio está usando? ¿Puedes publicar una demostración? Recomiendo usar [JS Fiddle] (http://jsfiddle.net/) o [JS Bin] (http://jsbin.com/) para esto, solo para que podamos ver lo que está viendo. –