Flotador: divisor izquierdo rompe div?

Question

Tengo un cuadro modal en el que trato de poner dos columnas una al lado de la otra, y lo hice asignando float: left to one div (.center-columnb) y float: right to .map-column. Lo que sucede, sin embargo, es que 'center-columnb' rompe el divisor del contenedor con el fondo degradado gris como si este div estuviera debajo de ese contenedor div (fíjese en los bordes redondeados en la parte gris, que estaba destinado a estar en la parte inferior de la div. Cuando elimino float: salí de centercolumnb de style.css, todo está bien, excepto que la columna de la derecha ya no está allí. ¿Alguien tiene alguna alternativa que me pueda ayudar? Gracias :)

Answer 1

Tiene un div principal de #contentholder pero no contiene los flotadores dentro de este punto. Un elemento flotante, de forma predeterminada, se saca del flujo de documentos y cualquier div principal colapsará. Para que contenga los flotadores, debe darle una propiedad de desbordamiento. Esto debería ser el truco:

#contentholder { 
    overflow: auto; 
} 

Answer 2

Otra forma es borrar en la parte inferior del contenedor de preguntas. Para una solución completa compatible con el navegador cruzado, solo agréguela antes del código de cierre:

<div style="clear:both"></div>