Probleme de centrage de div avec IE !

**fabien14** · 15/05/2008, 11h01

Salut,

J'ai un petit probleme de centrage de l'un de mes div ... nikel avec FF mais cela ne marche pas avec IE ... j'ai bien regarder le net mais rien a faire il est toujours a gauche.

Dans mon CSS

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
body { 
margin: 0; /* pour éviter les marges */
text-align: center; /* pour corriger le bug de centrage IE */
padding: 0; 
line-height: 1.5em;
color: #454545; 
}
 
 
div#conteneur{
margin-left: auto;
margin-right: auto;
width: 600;
text-align: left; /* on rétablit l'alignement normal du texte */
}
 
div#sup {
margin-left: auto;
margin-right: auto;
text-align:right;
width: 600px;
}
 
div#inf{
margin: auto; 
text-align:center;
width: 600px;
background-color:#a9c0ce;
}

et voici la structure de ma page :

Code :

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

1
2
3
4
<div id="conteneur">
<div id="sup">div supérieur</div>
<div id="inf">div inférieur</div>
</div>

Merci de votre aide

**numew** · 15/05/2008, 11h12

essaye de changer le doctype de ta page, je crois que certains cause ce problème sur ie.

**fabien14** · 15/05/2008, 11h17

J'ai mis ceci

ca ne change rien

Code :

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

1
2
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

**Er3van** · 15/05/2008, 11h22

Vu comme tu présente ça, logiquement donc div conteneur devrait avoir un text-align:center, et pas left.

Après ça vient peut-être d'autre chose, si tel est le cas j'y jetterai un oeil à midi.

**fabien14** · 15/05/2008, 11h28

J'ai du mal en effet cela marche avec un text-align:center !!

étrange sa marchai pas avant !

Merci en tout cas

**Erwan31** · 15/05/2008, 11h39

Envoyé par fabien14

J'ai du mal en effet cela marche avec un text-align:center !!

étrange sa marchai pas avant !

Merci en tout cas

Attention si ça fonctionne avec un text-align:center et pas avec les marges:auto c'est que tu es en mode Quirks (non standard > déconseillé) pourtant le doctype de que indique ne fait pas basculer en mode Quirks.

As tu la totalité du code?

Probleme de centrage de div avec IE !

Centrer un élément en CSS

Discussions similaires

Partager

Partager