Pues simplemente tengo algo así:
Código:
<div style="width:400px; height:900px; border:1px solid red; float:left;">
Texto 1
</div>
<div style="width:400px; height:900px; border:1px solid red;">
Texto 2
</div>
Pongo los bordes para que se note el overlap.
Si lo hago así no funciona eso de las dos columnas.
Pero cuando lo hago así:
Código:
<div style="width:400px; height:900px; border:1px solid red; float:left;">
Texto 1
</div>
<div style="width:400px; height:900px; border:1px solid red; float:left;">
Texto 2
</div>
Entonces sí funciona. La única diferencia es que le he aplicado el float también al segundo DIV.
Además, estaba revisando yo este tutorial: http://html.net/tutorials/css/lesson13.php
Y sucede lo mismo. Cuando flotan una imagen a la izquierda del parrafo de texto, sólo aplican el float a la imagen y al párrafo no.
Pero en el ejemplo de las columnas, hacen 3 columnas con DIVs y le aplican el float a las 3 para que funcione.
Esa es mi gran duda. Según yo entendía, cuando aplicabas el float a un elemento, todo lo que coloques después se va acomodando a la izquierda o derecha hasta que apliques un clear o hasta que se alcance el ancho máximo del contenedor padre. ¿Entonces porqué los DIV no se colocan a un lado del otro con sólo flotar el primero?