-
alignement vertical DIV
Bonjour à tous,
Alors voila je suis en train de créer une page web j'utilise le CSS pour la mise en page.
Ma mise en page est identique au tutoriel proposé sur ce site :
http://pbnaigeon.developpez.com/tuto...e-en-page-CSS/
Mais il y a un petit hic.
Effectivement d'après le tutoriel et son résultat le texte présent dans les différent DIV sont bien alignés horizontalement et verticalement mais pour ma part le centrage verticale ne se fait pas.
Alors je vous demande pourquoi ?
Merci a vous.
-
Bonjour,
Par défaut, le texte sera aligné en haut d'un bloc, pas au milieu.
Dans l'exemple que tu cites, le texte qui est centré verticalement n'est qu'une légende de l'image, pas un aperçu du rendu.
http://pbnaigeon.developpez.com/tuto...resultat_2.gif
Pour réussir à centrer un texte verticalement, il n'y a pas de solution miracle.
En fonction des cas, il y a une technique plus approprié qu'une autre.
Si le texte ne fait qu'un ligne, on peut utiliser la propriété css line-height.
Si le texte fait plusieurs lignes, il n'y a souvent pas d'autres choix que d'utiliser une table.
Si tu ne te soucies pas des navigateurs anciens (IE6), on peut utiliser la propriété css display:table-cell.
Bref, c'est un peu du cas par cas, et tu n'es pas le premier à avoir ce souci. ;)
-
ahhh merci a toi.
Je me disais bien aussi je commençais à devenir fou.
pour l'alignement c'est réglé j'ai effectivement utilisé display:table-cell;
Merci pour ton aide.