Discussion :

[pierrot10]

Bonjour,
J'ai un div qui englobe un autre.

Mon premier dib a une hauteur de 125px
Le deuxieme div a une auteur de 115px, mais il peut aussi avoir une hauteur de 120px.

Comment faire pour que le premier div soit toujour centré à la vertical.

J'ai mis un vertical-align:middle; dans le premier div, mais ca n'aligne pas le second

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div class="premier">
<div class="second"><img src="/img/toto.jpg" /></div>
</div>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
.premier{height:125px; vertical-align:middle;}

Comment puis-je faire de maniere que mon deuxieme div soit toujours aligné au centre (vertical) de mon premier div?

[pierrot10]

Voila une solution: Dans la class

.premier

ajouter

display:table-cell;
vertical-align:middle;