Les Css et l'alignement vertical
Bonjour la compagnie !

Je vadrouillais gentiment sur le web a la recherche d'info sur le moyen de centrer verticalement un div, et je n'ai pas trouvé grand chose de bien encourageant.

Quelqu'un aurait-il quelques lien ou astuces pour centrer une div verticalement avec les css ?

voici le code utilisé sur mon site

#global {
    position:absolute;
    left: 0;
    top: 50%;
    width: 100%px;
    height: 700px;
    margin-top: -350px;
}

comme tu le vois il faut connaitre la hauteur du bloc pour le positioner à une marge de la moitié de la page et soustraire la moitié de la hauteur du bloc, il sera ainsi centré verticalement

forum.alsacreations.com

Neoblue > > Tres sympa ton site au passage ^^ merci pour le css :)

Lightdawn > > Alsacreations, tellement évident que je n'y avait pas pensé :p

Merci à vous deux en tout cas !

c'est pas vraiment une solution ca néo :-)

Normallement on devrait pouvoir mettre le div verticalement centré, quelque soit sa hauteur non ?

Pfff , ces css , je vous jure :p

mouarf mouarf mouarf sur css alsa création :

"5- Dernière solution, si toutes les autres ne conviennent pas et si la compatibilité avec IE est nécessaire : utiliser une cellule de tableau sur laquelle vertical-align fonctionnera. Eh oui, nous ne sommes pas des intégristes non-plus !"

La je rigole et je pleure en même temps... c'est du frustrant de chez frustrant ce "bug"

c'est ptet pas une vrai solution, c'est ptet une bidouille, mais ça marche quelque soit sa hauteur (du moment que celle ci est connue) et il y a toujours moyen avec du javascript de connaitre la hauteur d'un div si son contenu est dynamique... le problème c'est qu'avec un div centré verticalement de plus de 100% de la hauteur de la page ben ton div sera coupé en haut et en bas (logique) donc c'est ptet pas l'idéal si tu ne connais pas à l'avance sa hauteur non ?

arf, bein oui, je suis d'accord, ca marche quand tu connais la hauteur.
Mais quand tu connais pas la hauteur, qu'est ce qu'on te dis -> " fais des tableaux" ...ou utilise du javascript (encore pire)...

Ca fait un bout de temps que j'essaye de ne faire plus QUE des divs, et quand je trouve une solution pareil, je me dis "mais bon sang, pourquoi je me prends autant la tête"...

Rhaalalalala l'informatique

perso je suis pas intégriste, je fais pour que ça fonctionne le mieux selon les différents butineurs, apres si c'est propre et hyper ok, sinon tant pis, l'important c'est quand même que ça passe visuellement.

tables rulez.