Div non centrée

philippef · 25/11/2010, 11h01

Bonjour,

Je n'arrive pas à centrer une div

Code :

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

<div style="width:800px;margin-left:auto; margin-right:auto; height:900px;text-align:left; background-color:#ffffff">

ça mache avec FF mais pas avec IE.
Est ce que ça vient du Doctype que j'utilise?

Code :

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

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

J'utilise ce doctype parce que j'ai récupéré un calendrier qui l'utilise et je ne souhaite pas le modifier car trop compliqué.

Merci

Meloooo · 25/11/2010, 11h51

Je viens d'essayer ce code sous IE et FF et il fonctionne :

Code :

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

1
2
3
4
 
<div style="width:800px;margin:0;margin-left:auto; margin-right:auto; height:900px;text-align:center; background-color:#ffffff">
salut
</div>

Avec le même Doctype que le tien.
Au passage, ton text-align était à left, donc c'est difficile de le centrer

ornitho13 · 25/11/2010, 11h55

Salut,

je viens d'essayer sous chrome, IE7 et 8 et cela fonctionne parfaitement

Pourrais tu mettre le code de toute ta page? le problème se trouve peut être autre part.

ornitho13 · 25/11/2010, 11h57

Citation:

Envoyé par Meloooo

Je viens d'essayer ce code sous IE et FF et il fonctionne :

Code :

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

1
2
3
4
 
<div style="width:800px;margin:0;margin-left:auto; margin-right:auto; height:900px;text-align:center; background-color:#ffffff">
salut
</div>

Avec le même Doctype que le tien.
Au passage, ton text-align était à left, donc c'est difficile de le centrer

le text-align est pour le contenu de la div et je ne pense pas que philippef veuille centrer son texte mais plutot son conteneur (la div)

.

philippef · 25/11/2010, 13h30

Merci pour les réponses.
je joins mon fichier index.php pour pas trop charger.
S'il y a d'autres anomalies ne pas hésiter.

Merci

psylox · 25/11/2010, 13h37

Salut,

IE6 ne connait pas le margin:auto, il faut utiliser une div pour envelopper celle que tu veux centrer.

Code :

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

1
2
3
4
5
6
<div style="text-align:center">
    <div style="width:800px;margin-left:auto; margin-right:auto; height:900px;text-align:left; background-color:#ffffff">
        hello world!!!
    </div>
</div>

ShaunY · 28/11/2010, 04h43

Plusieurs utilise simplement un table centré et les contenue dans cette table est en <div> ce qui centre le tout dans une table et qui est valide W3C.

25/11/2010, 11h01	#1
philippef Membre confirmé Inscription : mars 2003 Messages : 674 Détails du profil Informations forums : Inscription : mars 2003 Messages : 674 Points : 242 Points : 242	Div non centrée Bonjour, Je n'arrive pas à centrer une div Code : Sélectionner tout - Visualiser dans une fenêtre à part <div style="width:800px;margin-left:auto; margin-right:auto; height:900px;text-align:left; background-color:#ffffff"> ça mache avec FF mais pas avec IE. Est ce que ça vient du Doctype que j'utilise? Code : Sélectionner tout - Visualiser dans une fenêtre à part <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> J'utilise ce doctype parce que j'ai récupéré un calendrier qui l'utilise et je ne souhaite pas le modifier car trop compliqué. Merci
	00

25/11/2010, 11h55	#3
ornitho13 Rédacteur/Modérateur Jérome Debray Responsable de projet Inscription : mai 2009 Messages : 627 Détails du profil Informations personnelles : Nom : Jérome Debray Âge : 32 Localisation : France Informations professionnelles : Activité : Responsable de projet Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : mai 2009 Messages : 627 Points : 3 064 Points : 3 064	Salut, je viens d'essayer sous chrome, IE7 et 8 et cela fonctionne parfaitement Pourrais tu mettre le code de toute ta page? le problème se trouve peut être autre part.
	00

28/11/2010, 04h43	#7
ShaunY Nouveau Membre du Club Inscription : novembre 2010 Messages : 30 Détails du profil Informations personnelles : Localisation : Canada Informations forums : Inscription : novembre 2010 Messages : 30 Points : 30 Points : 30	Plusieurs utilise simplement un table centré et les contenue dans cette table est en <div> ce qui centre le tout dans une table et qui est valide W3C.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email