Muy buenas
Primero de todo, no suelo pedir ayuda, mas bien me recorro google buscando una solución, pero por lo que he visto al programar paginas web te encuentras con casos concretos que no encuentras solucion tan rapidamente
El caso es que tengo una galeria fotografica ordenada con float:left
Toda esta galeria esta dentro de un div para posicionarla en la pagina, el problema es que debajo de la galeria quiero poner texto.
El texto lo pongo dentro de otro div para posicionarlo con margenes.
El problema es que el div de la galeria al contener dentro elementos ordenados con float:left no tiene altura. Su altura es 0
Entonces el div del texto cuando tu le dices quiero un margen superior de 150px empieza a contar por encima de la galeria, porque el div de la galeria no tiene altura.
Puedo darle la altura manualmente, pero antes que hacer eso preferiria saber si el uso que estoy dando al float es correcto y si el float funciona asi y esas son sus limitaciones
Un amigo me dijo de poner en el div de la galeria clear:both, pero ni aun asi me funciona
Pondre un pequeño ejemplo
#galeria{
clear:both;}
#foto{
float:left;
margin:0px 10px 10px 0px;}
#texto{
margin: 150px 0px 0px 0px;}
<div id="galeria">
<div id="foto">
<p>IMAGEN 01</p>
</div>
<div id="foto">
<p>IMAGEN 02</p>
</div>
</div>
<div id="texto">
<p>ESTE ES EL TEXTO QUE VA DEBAJO DE LA GALERIA</p>
</div>
Cada foto la pongo dentro de un div para poner margenes dentro de la galeria
Bueno poes eso es todo. Muchas gracias por todo :D
Un saludo