Superposer deux div sans spécifier de hauteur?

Bonjour,

Normalement j'arrive à toujours tout résoudre en me baladant sur le forum, mais là, je cale... Je suis sur un blog galerie : un post = une image. Je voudrais superposer images et légendes, sachant que

1. les images doivent se suivre les unes en dessous des autres et
2. qu'elles ne font pas toutes la même hauteur.

<div id="post">
    <div id="photo">
        <img>
    </div>
    <div id="caption">
        <p>
    </div>
</div>

#post{position:relative;float:left;clear:both;}
#photo{position:absolute;z-index:1;}
#caption{position:absolute;width:250px;background-color:#FFF;z-index:2;}

Le problème est que : quand je ne donne pas de hauteur au div "post", toutes les images se superposent en haut de la page. Une idée? Merci beaucoup par avance!
Modifié par seeparisanddie (15 Feb 2013 - 13:06)

Salut,

Essaye un petit

clear:both

sur ta div.

Merci mais non, tout est encore collé en haut de page...

div id="conteneur">
<div id="poste">
</div>
</div>

#conteneur{largeur:500px}
#poste{largeur: 450px; clear:both; float:left}

avec une div conteneur a largeur fixe (pas hauteur) et tes div poste générer avec un cler et float a taille 450 perso ça marche chez moi.

Merci pour vos conseils mais... non, ça ne fonctionne pas

J'ai trouvé un moyen de faire comprendre à chaque div quelle est la hauteur de chaque image (via appel php), ça marche du coup! Encore merci