Positionner un texte verticalement dans un bloc de hauteur variable

Bonjour,

J'ai un bloc principal A (de hauteur variable) qui contient deux blocs B et C l'un en dessous de l'autre, je voudrais positionner le bloc C en bas du bloc principal A.

J'ai essayé avec le vertical-aligne, mais rien n'y fait !

Merci pour votre aide

La propriété vertical-align n'est applicable que pour les élément ayant un mode de rendu dit tableau.

La solution la plus simple est d'appliquer un mode de rendu table-cell à ton conteneur (display: table-cell) mais cette solution n'est pas compatible avec IE6 et 7.
Je te renvoie à ce tutoriel pour plus d'informations http://www.alsacreations.com/tuto/lire/610-Mise-en-page-CSS-avancee-grace-a-la-propriete-display.html

Mais dans ton cas ce n'est pas le vertical-align qu'il te faut utilsier car cette solution positionnera tes 2 bloc B et C en bas du bloc A.
Le plus simple à mon avis serait de positionner le bloc C en absolute avec une bosition bottom à 0.

bloc_A {
    position: relative;
}
bloc_C {
    position: absolute;
    bottom: 0;
}

Modifié par moust (19 May 2010 - 11:33)