Fieldset no expande el div principal flotante

Tengo dos DIV que flotan a la izquierda y con un ancho del 50%, dentro de esos div tengo un campo con otro div (una cuadrícula de datos). El problema ocurre cuando la cuadrícula de datos se expande. El DIV principal no se expande junto con el conjunto de campos.

He aquí un ejemplo: http://jsfiddle.net/BzUKz/1/

gracias

preguntado el 03 de mayo de 12 a las 19:05

Su pregunta no está clara, ¿de qué división principal está hablando? El div con clase container ? -

estoy hablando del div con la clase "grid-6". gracias -

2 Respuestas

Si necesita dividir palabras largas y continuarlas en la siguiente línea, puede usar el word-wrap propiedad establecida en break-word al igual que: http://jsfiddle.net/skip405/BzUKz/10/

pd no escribas display: inline-block y float al mismo tiempo. Los flotadores se convierten automáticamente en nivel de bloque. Si eliminas tu display: inline-block - nada cambiará :)

contestado el 03 de mayo de 12 a las 19:05

El ejemplo es solo un troll y la respuesta no da nada para resolver el problema. (el ajuste de palabras no era el problema) - PeligroMono

la palabra representa una cuadrícula de datos, con un tamaño fijo. y la 'display: inline-block' es para compatibilidad entre navegadores - André Moraes

Por favor mira http://jsfiddle.net/BzUKz/12/ Solo quitar display: table; del container.

Si quieres quedarte display: table; entonces necesitas definir el ancho, así.

.container {
    display:table;
    margin: auto;
    width:80%;
}

contestado el 03 de mayo de 12 a las 20:05

La display: table; hace que el div se expanda en relación con el contenido interno - André Moraes

@André Moraes: en realidad no logro entender claramente sus requerimientos. Pero todavía lo estoy intentando. Por favor, vea la respuesta actualizada. - Enjambres

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.