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, 11h57

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.

**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.

Div non centrée

CSS

Vue hybride

Discussions similaires

Partager

Partager