Div dans div, probleme de taille(s) !

Bonjour,

Alors voilà mon souci.
J'ai des div en ligne avec des images à l'intérieur (uniquement) et ces div sont dans une div mere.

Les images sont changées dynamiquement en javascript. Et toutes ont des dimensions différentes.

J'aimerais que la taille de ma div mere soit exactement la taille de toutes les autes divs, mais ce n'est pas le cas, elle fait toujours la largeur de l'écran, j'ai tout essayé, rien n'y a fait.

Résumé :

*****HTML***********

<div class="mere">
    <div class="fille"><img src="pim"></div>
    <div class="fille"><img src="pam"></div>
    <div class="fille"><img src="poum"></div>
</div>

*****CSS*******************

.mere{
	margin-top: 200px;
	border: 1px solid #000000;
}

.fille {
	margin-left: 20px;
	float: left;
}

Je ne peux pas savoir à l'avance quelles seront les images qui vont être affichées car elles sont tirées au hasard en javascript.

Comment faire pour que la taille de la div mere soit celle de l'ensemble des divs filles ?

Le but derriere tout ça est de centrer la div mere sur la page. Aujourd'hui je ne peux pas puisqu'elle fait la largeur totale.


Merci merci merci de votre aide et de votre patience,

bisonfute

Bonjour,
si tu souhaites centrer ta div mere et qu'elle s'adapte à la largeur de tout tes div fille réunis, ce n'est à ma connaissance possible que si cette largeur reste fixe.

dans ce cas employer la méthode du centrage via la position:absolue
Pour info, les div flottan et en position:absolue s'adaptent à la taille de leur contenu.

.mere {
position absolue;
left:50%;
margin-left: -x /*(ou x = la largeur des div filles additionnées divisé par 2)*/
}

Merci pour ta réponse!

donc, d'après toi si je mets la div mere en float ou en position absolute, elle devrait adapter sa taille ?

Mais si je la mets en position absolute, comment faire pour la centrer alors que je ne peux pas savoir ce qui la compose (donc sa largeur) ? ...
Modifié par bisonfute (04 Sep 2007 - 17:16)

Une solution possible est peut-être alors d'attribuer une valeur dynamique variable via php qui permette de récupérer la largeur des images et faire le calcul nécessaire mais je pourrai pas t'en dire plus ne connaissant pas PHP.