Aller au menu - Aller au contenu

[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les forums > Site Web > XHTML / CSS > Centrer un block au milieu de la page > Lecture du sujet

Centrer un block au milieu de la page

comme les messages d'erreur du site du zero

Vous devez être inscrit pour pouvoir poster des messages

RésoluLe problème de ce sujet a été résolu

Page : 1 
Auteur Message
1 visiteur sur ce sujet (1 anonyme)
Page : 1 
Hors ligne Tit0u # Posté le 04/07/2008 à 18:49:02
Groupe : Membres
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
Connecté kooga # Posté le 04/07/2008 à 18:50:36
Groupe : Membres
Avec la Balise <center> .... </center> ?
Hors ligne police-web # Posté le 04/07/2008 à 18:52:30
hackeur je vous surveille !
Groupe : Membres
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
Édité le 04/07/2008 à 18:53:10 par police-web
hackeur je vous surveille ! Tient toi bien ou gare à toi, un génie de l'informatique est né pour te dégommer :p je suis modeste non :-°
 
Hors ligne treize # Posté le 04/07/2008 à 19:02:52
Ice screen
Avatar
Groupe : Membres
Cette réponse a aidé l'auteur du sujet Cette réponse a aidé l'auteur du sujet
Sinon j'ai trouvé un petit script sur le net qui centre vraiment la div. :)
Code : HTML
1
<div class="centre">Ce cadre sera centré dans la page</div>

Code : CSS
1
2
3
4
5
6
7
8
9
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 */
}
Image utilisateur

» Topic de présentation
» Blog de Beedee's






 
Hors ligne police-web # Posté le 04/07/2008 à 19:07:13
hackeur je vous surveille !
Groupe : Membres
text-align: center; centre vraiment la div, et c'est plus simple ;)
hackeur je vous surveille ! Tient toi bien ou gare à toi, un génie de l'informatique est né pour te dégommer :p je suis modeste non :-°
 
Hors ligne treize # Posté le 04/07/2008 à 19:19:30
Ice screen
Avatar
Groupe : Membres
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. ;)
Image utilisateur

» Topic de présentation
» Blog de Beedee's






 
Hors ligne police-web # Posté le 04/07/2008 à 19:20:54
hackeur je vous surveille !
Groupe : Membres
Si je centre bien le block avec ce que j'ai mit.
Par contre, ça ne centre que horizontalement.
hackeur je vous surveille ! Tient toi bien ou gare à toi, un génie de l'informatique est né pour te dégommer :p je suis modeste non :-°
 
Hors ligne treize # Posté le 04/07/2008 à 19:23:25
Ice screen
Avatar
Groupe : Membres
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 ? :-°
Image utilisateur

» Topic de présentation
» Blog de Beedee's






 
Hors ligne police-web # Posté le 04/07/2008 à 19:34:04
hackeur je vous surveille !
Groupe : Membres
Oui oui, moi ça à marché en tout cas...
hackeur je vous surveille ! Tient toi bien ou gare à toi, un génie de l'informatique est né pour te dégommer :p je suis modeste non :-°
 
Hors ligne Yano # Posté le 04/07/2008 à 20:37:36
Avatar
Groupe : Membres
Citation : treize
Un text-align:center centre un div ?

C'est une erreur connue : Pour que ça fonctionne sous IE5, il faut aligner le texte de façon centrée dans le body (car IE interprête mal cette propriété et s'en sert pour tout aligner : texte, mais aussi images et tous les éléments en général).
Hors ligne treize # Posté le 04/07/2008 à 20:42:15
Ice screen
Avatar
Groupe : Membres
Ah je savais pas, merci. :)
Image utilisateur

» Topic de présentation
» Blog de Beedee's






 
Hors ligne Tit0u # Posté le 06/07/2008 à 11:22:38
Groupe : Membres
Merci tout le monde, et surtout Treize, parce que c'était effectivement ce que je voulais. ( centrer horizontalement ET verticalement ).

Encore merci à tous !

Titou

Retour au forum "XHTML / CSS" ou à la liste des forums

Vous devez être inscrit pour pouvoir poster des messages

Changer de design | En savoir plus | Plan du site | Politique d'accessibilité | Règles | RSS tutoriels | RSS news
Édité par Simple IT SARL : Nous contacter | Notre blog | Revue de presse | Publicité

Y'a plus rien à lire, faut remonter maintenant !

Hébergement web - Correction de tutoriels - Créer un site
Vous souhaitez apparaître ici ? Contactez-nous.

Nombre de connectés 433 Zéros connectés | Requêtes SQL 9 requêtes | Temps de génération de la page : Total (SQL) 0.0244s (0.0082s)