Partage

Centrer un block au milieu de la page

comme les messages d'erreur du site du zero

Sujet résolu
Le 4 juillet 2008 à 18:49:03

Bonjour tout le monde,

Est-ce que quelqu'un sait comment centrer un block au milieu de la page, comme pour le messages d'erreur du site du zero ?

Merci d'avance.

Tit0u
Le 4 juillet 2008 à 18:50:37

Avec la Balise <center> .... </center> ?
Le 4 juillet 2008 à 18:52:30

Non, surtout pas, les balises <center> </center> ainsi que toutes les balises de mises en formes ne sont pas valable.
Tout simplement en mettant text-align: center dans ton css
Le 4 juillet 2008 à 19:02:52

Sinon j'ai trouvé un petit script sur le net qui centre vraiment la div. :)
<div class="centre">Ce cadre sera centré dans la page</div>

div.centre {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 200px;
	height: 200px;
	margin-left: -100px; /* Cette valeur doit être la moitié négative de la valeur du width */
	margin-top: -100px; /* Cette valeur doit être la moitié négative de la valeur du height */
}
Le 4 juillet 2008 à 19:07:14

text-align: center; centre vraiment la div, et c'est plus simple ;)
Le 4 juillet 2008 à 19:19:30

Je te défie de centrer un block avec un text-align: center ! :p
Mon script centre le block, pas le texte. ;)
Ta solution reviendrait à un margin:auto. ;)

Au fait, quand je parle de vraiment centrer la div, ça veut dire horizontalement et verticalement. ;)
Le 4 juillet 2008 à 19:20:54

Si je centre bien le block avec ce que j'ai mit.
Par contre, ça ne centre que horizontalement.
Le 4 juillet 2008 à 19:23:26

Un text-align:center centre un div ? o_O
T'es sûr qu'il n'y a pas autre chose avec, genre un margin: auto ? :-°
Le 4 juillet 2008 à 19:34:04

Oui oui, moi ça à marché en tout cas...
Le 4 juillet 2008 à 20:37:37

Le 4 juillet 2008 à 20:42:15

Ah je savais pas, merci. :)
Le 6 juillet 2008 à 11:22:38

Merci tout le monde, et surtout Treize, parce que c'était effectivement ce que je voulais. ( centrer horizontalement ET verticalement ).

Encore merci à tous !

Titou

Centrer un block au milieu de la page

× You will have to log in after clicking on "Answer" to publish your message.
× Be Careful, this topic is very old and could be out-of-date. We recommend you create a new topic for your question.
  • Editeur
  • Markdown