Attacher un élément en bas de son parent sans position:absolute

Résolu/Fermé
angy - 27 août 2013 à 10:40
 angy - 27 août 2013 à 11:48
Bonjour,

Je souhaite intégrer une sorte de podium à 3 colonnes (1recolonne.height < 2ecolonne.height < 3ecolonne.height).
Vu que c'est un podium, les 3 colonnes doivent être collées en bas du conteneur qui les stockent.
Là où ça devient intéressant (et problématique pour moi --'), c'est que les 3 colonnes doivent avoir une hauteur en auto. Du coup, le conteneur parent aussi.

Or, si j'utilise un position:absolute pour positionner correctement mes éléments en bas du conteneur, je peux faire une croix sur un height:auto pour ce même conteneur (vu que son contenu est sorti du flux).

Bref, je ne sais plus quoi faire (car j'aimerais éviter le javascript).
Si vous avez la moindre piste je suis preneur :)

PS: j'ai essayé les techniques de clearfix mais ça ne fonctionne pas avec les float absolute.

Merci !



2 réponses

Si tu met ton conteneur en :
display:block
vertical-align:bottom;

Tes podiums en
display:inline-block;

Est ce que ça marche ?

Éventuellement essaye de les mettre en float.
1
Parfait ! J'avais déjà vu cette solution mais je pensais (bêtement) qu'elle ne concernait que les textes (et non les div).
Bref, c'est super. Merci :)
0