Partage

Centrer un block au milieu de la page

comme les messages d'erreur du site du zero

Sujet résolu
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
4 juillet 2008 à 18:50:37

Avec la Balise <center> .... </center> ?
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
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 */
}
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. ;)
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.
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 ? :-°
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

× Once you click on "Answer", you will need to log in 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