CSS y el nuevo navegador Google chrome

[gogupe]

Hola a todos.

Recientemente me he instalado el nuevo navegador y he visto y comprobado que cuando hago un div contenedor no me funciona correctamente.

Por ejemplo

<div id="contenedor"> (border 1)

<div id="columna1"> (float:left y border 1)
... codigo ...
</div>

<div id="columna2"> (float:right y border 1)
... codigo ...
</div>
</div>

Pues bien, lo que hace es poner el contenedor arriba de la pantalla, vacía y justo abajo las columna, para que me entendáis, no lo mete dentro.

¿alguien lo ha probado?

Saludos y gracias

[talmente]

Prueba esto

display: block

<div id="contenedor"> (border 1, float:left, display: block )

[DragonX]

<div id="contenedor"> (border 1, overflow:hidden)

[gogupe]

Pues no, no funciona poniendo eso...

IE7 se comporta totalmente diferente que google chrome, en ie7 lo veo correctamente.

Un saludo.

[Mikmoro]

Eso no es cosa del Chorme, sino de lógica de css.

Añade esto que pongo en rojo:

<div id="contenedor"> (border 1)

<div id="columna1"> (float:left y border 1)
... codigo ...
</div>

<div id="columna2"> (float:right y border 1)
... codigo ...
</div>
<div style="clear: both;"></div>
</div>

A ver qué tal.

[gogupe]

Eso no es cosa del Chorme, sino de lógica de css.

Añade esto que pongo en rojo:

<div id="contenedor"> (border 1)

<div id="columna1"> (float:left y border 1)
... codigo ...
</div>

<div id="columna2"> (float:right y border 1)
... codigo ...
</div>
<div style="clear: both;"></div>
</div>

A ver qué tal.

Jo*er perfecto, ahora si que rula bien... pensaba que no se podía arreglar.

Gracias.