Placer un <div> au centre de la page

Salut!

J'aimerais placer une balise <div> au centre de la page (aussi bien à l'horizontal qu'à la verticale).
Pour l'horizontal, ça marche, mais pas pour le vertical (avec "vertical-align: middle;")...

Merci d'avance!

Arcanis

Bonsoir,

Ce type de sujet est une constante des forums css.

Je te suggère de visualiser les tuto alsa avant .

Le sujet y est exposé en long, large et diagonale ;° )

Cordialement,

Ps: c'est qd même pas ce qu'il y a de plus simple le centrage vertical...

Voui, mais c'est quand même l'un des plus jolis trucs au niveau design, je trouve
Je regarde ça, merci!

arcanis a écrit :
Voui, mais c'est quand même l'un des plus jolis trucs au niveau design, je trouve

Attention à ne pas confondre joliesse et ergonomie, communication efficace, etc.

Sinon, le seul moyen vraiment fiable (et compatible Internet Explorer) de centrer un bloc à la verticale est de placer le bloc en question dans un tableau à une seule cellule (à laquelle on attribuera le style vertical-align: middle, effectivement).

Si ton bloc conteneur a une hauteur fixe, tu peux également le centrer via une technique utilisant le positionnement absolu et une marge négative (elle est traitée dans les tutoriels d'Alsacréations). Pour ma part, je déconseille cette technique, qui impose la réalisation d'un site figé en hauteur.

Salut

Un exemple complètement inutile mais qui frime bien.

http://www.clb56.fr/test_css/test_center/

css dans le code source
Modifié par clb56 (02 Feb 2007 - 18:42)

En fait, j'ai fait un tableau contenant un autre tableau à une cellule. C'est pas super, mais au moins ça marche.

Et je ne pouvait pas mettre une marge statique, puisque la résolution d'écran varie selon les personnes.

arcanis a écrit :
En fait, j'ai fait un tableau contenant un autre tableau à une cellule. C'est pas super, mais au moins ça marche.

Tu peux très bien faire la même chose mais avec un seul tableau...

Non, parce qu'il fallait que le texte soit ensuite positionné en haut du bloc qui lui est positionné au centre de la page.

arcanis a écrit :
Non, parce qu'il fallait que le texte soit ensuite positionné en haut du bloc qui lui est positionné au centre de la page.

C'est bien ce que je dis : tu fais un bloc (div) dans un tableau à une seule cellule, et tu te sers du vertical-align sur la cellule de tableau pour positionner le bloc, ce qui n'influera pas sur le positionnement du texte dans le bloc en question.

C'est que j'ai essayé de faire, mais ça n'a pas marché...
Donc je me suis rabattu sur le double-conteneur