Discussion :

[rinuom99]

salut,

J'ai un bloc div défini comme suit :

div.souscat {
width:133 px;
height:40px;
background-color:#E5E5E5;
padding:5px;
text-align:center;
font-size:10px;
font-weight:bold;
float:none;
}

À l'intérieur de ce bloc, je veux centrer verticalement un text de plusieurs lignes. Un "vertical-align: middle;" n'a aucun effet ici.

N'y-a-t-il pas un moyen simple de le faire et qui marche sous IE et FF au meme temps ?

Merci !

[Erwan31]

Bonjour,
si la hauteur de ton bloc de texte est fixe, tu peux utiliser le centrage vertical via positionnement absolue et marge négative.

Code :

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

1
2
 
p {position:absolue; top: 50%; margin-top: -4em}

En supposant que ton bloc de texte fasse 8em de haut.
Attention le paragraphe sera retiré du flux normal.

Sinon un tableau de mise en forme avec un vertical-align: middle (ne s'applique qu'aux cellules de tableaux (ou doté d'un display:table-cell) et aux éléments inline) sur la cellule.