centrer text+image dans un div (bottom)

Bon ben voila .. je crois que tout est dans le titre.
Je cherche a centrer das donnees d'un div en basde ce div (verticalement).
Soir un autre div, soit du texte soir une serie d'images consecutives ....

Dns le pire des cas je peux utilsier un tableau a 1 cellule en valign = bottom ... mais c'ets pas top ;)

Ce que tu peux faire c'est faire une div principale et dans cette div en mettre une autre dans laquelle tu place tes images.etc . et donc dans la div principale tu met valign = bottom et dans la deuxieme tu met align = center

valign c'est pas une valeur CSS non ? (j'ai peut etre oublié de le preciser :oops: )

Alors tu peux faire comme ça:

* ton div conteneur tu le mets en position absolute.
* ton div qui est contenu dans le conteneur tu le mets en position absolute.
* ton div qui est contenu dans le conteneur tu le mets avec un bottom:0px; .

--
Si tu veux le centrer aussi en largeur, tu peux faire ça:

Code:

---

1 2 3

width:200px; left:50%; margin-left: - 100;

---

margin-left: -xx; dont xx représente la largeur divisé par 2.

Mouais ... je vais voir ca.
Sinon pour le centrage j'ai resolu le pb avec un margin auto.

Si je t'ais pas dis le margin auto, c'est parseque avec une position absolute tu peux pas l'utiliser ;)

ok ... mais quel est l'interet d'une position absolute par rapport a une position relative ?
Absolute c'est pas en position absolut par rapport a l'ecran ?

imagine que en position normale on div il est à 100px du bord.

une position:absolute; avec left:150px te le met à 150px du bord
une position:relative; avec left:150px te le met à 250px du bord

Citation:

---

Envoyé par DanielCosta

Alors tu peux faire comme ça:

* ton div conteneur tu le mets en position absolute.
* ton div qui est contenu dans le conteneur tu le mets en position absolute.
* ton div qui est contenu dans le conteneur tu le mets avec un bottom:0px; .

---

Quand j'utilise ta solution, ce qui est sensé se retrouver en bottom s'affiche par dessus la première ligne de mon contenu (voir image jointe)...

J'ai utilisé le code suivant:

Code:

---

1 2 3 4 5 6 7 8 9

<div class="contener" style="position:absolute;"> <div class="contenu" style="position:absolute;"> bbbbbbbbbbbbbbbbb<br/> cccccccccccccccccc<br/> </div> <div class="aide" style="bottom:0px;"> aaaaaaaaaaaaaaaaaaaaa </div> </div>

---

J'aimerais avoir dans une page un contenu qui reste en haut et une aide qui reste en bas, toujours en fond de page. Je pensais y arriver avec ta solution j'ai pas réussi...


Merci pour toute aide!


Adrien

J'ai pas comprsi ce que tu veux.

Peux tu me donner ton code de base, et une image (fait sous paint ou other) de ce que tu veux?