2010-10-29 29 views
5

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?

+0

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)? –

+0

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 –

+0

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. –

Respuesta

6

Establecer el div en display: inline-block parece ser el truco.

+0

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 –

1

También puede usar display: table;. (DIV)

0

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ó

Cuestiones relacionadas