pb de centrage

**prophen** · 29/03/2008, 15h46

bonjours ,
je voudrais centrer une boite au mileiu de l'ecran;
mais le pb c que la boite reste sur la droite.
je doit faire une erreur mais je voit pas ou.

voivi mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
.centre 
margin-left: auto;
margin-right: auto; 
width:500px ;
border:groove black 2px;

j'ai essayé avec :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
margin-left: 0 auto;
margin-right: 0 auto;

ou

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

margin: auto;

ou

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

margin: 0 auto;

tjrs pareil

mon code en html

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<link rel="stylesheet" type="text/css" href="centre.css">
<body>
<div class="centre"> 
</div>
</body>

merci d'avance

**Candygirl** · 29/03/2008, 17h52

Envoyé par prophen

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
.centre 
margin-left: auto;
margin-right: auto; 
width:500px ;
border:groove black 2px;

il manque les {}

Envoyé par prophen

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
margin-left: 0 auto;
margin-right: 0 auto;

margin-left et margin-right n'acceptent qu'une seule valeur. Ce code est donc erroné.

As-tu bien un doctype correctement renseigné en haut de page?

**prophen** · 29/03/2008, 19h03

oui j 'ai mis les {}
j'ai juste oublié de les indiqué ici
pour le doctype :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

**Candygirl** · 29/03/2008, 19h06

Ton doctype est incomplet et tu dois tester sur IE qui reste en mode quirks faute d'url pour ton doctype. Hors en mode quirks, IE est inccapable de centrer à l'aide du margin auto. Remplace ton doctype par celui-ci:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

**prophen** · 29/03/2008, 19h12

Merci ca marche.
Décidement, j'en apprend tous les jours

pb de centrage

Centrer un élément en CSS

Vue hybride

Discussions similaires

Partager

Partager