Alignement vertical et CSS

[Anonymous]

Bonsoir,

J'essaie de passer mon site de l'utilisation de TABLE à l'utilisation de DIV mais je coince quand je veux centrer verticalement un texte dans un DIV d'une certaine hauteur (ce qui se faisait très facilement avec la VALIGN).

Quel le style ou la séquence de code à mettre en oeuvre ?
dk.

 

[BadProcESs]

vertical-align

:arrow: http://www.w3schools.com/css/pr_pos_vertical-align.asp

 

[WebRankInfo]

édite tes codes CSS avec TopStyle et tu trouveras tout seul ;-)
http://www.bradsoft.com/topstyle/

 

[Anonymous]

Mince, vous dormez jamais....

Merci beaucoup.
dk.

 

[Anonymous]

Pour "vertical-align", c'est ce que j'ai essayé jusqu'à maintenant.
Ce style ne s'applique à priori que pour IMG SPAN TH TF TR TD.
Comme je ne veux éviter les tableaux j'ai tenté des combinaisons avec DIV et SPAN et le style mais sans résultat.

Je vais voir si j'arrive à trouver avec TopStyle...
dk.

 

[Sébastien Billard]

Pas possible avec des valeurs de padding pour le div identiques en haut et en bas?

 

[yannouk]

pour positionner une balise au centre d'une balise contenante dont tu connais la hauteur:

soit tu mets des margin auto a la verticale (je suis pas sur de mon coup )
soit, tu utilises la technique des marges negatives. (www.openweb.eu.org)
supposons que le contenu a fasse 100 px de haut
tu mets un padding-top de 50% au contenant, et un margin-top de -50 au contenu...
ca devrait marcher

 

[SIBELIUS]

Il n'y a effectivement pas de solution miracle pour l'alignement vertical (enfin si, il y'en a une mais elle ne marche pas avec IE : display: table-cell) : http://www.alsacreations.com/articles/centrer/