Div non centrée

Version imprimable

25/11/2010, 11h01
philippef

Div non centrée

Bonjour,

Je n'arrive pas à centrer une div

Code:

<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:

<!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
25/11/2010, 11h51
Meloooo
Je viens d'essayer ce code sous IE et FF et il fonctionne :
Code:

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 :lol:
25/11/2010, 11h55
ornitho13

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.
25/11/2010, 11h57
ornitho13
Citation:
Envoyé par Meloooo

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

Code:

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 :lol:
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) :).
25/11/2010, 13h30
philippef

1 pièce(s) jointe(s)

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

Salut,

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

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>

28/11/2010, 04h43
ShaunY

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.