marge: 0 auto; Semble fonctionner correctement dans Chrome/FF mais, encore une fois, IE ne partage pas

sur mon site Joomla, je me sers d'un modèle qui utilise la règle CSS suivante pour rendre le volet de contenu centré:marge: 0 auto; Semble fonctionner correctement dans Chrome/FF mais, encore une fois, IE ne partage pas

clear:both; 
margin:0 auto; 
width:920px;

Cela semble fonctionner parfaitement bien dans FF/Chrome, mais lorsqu'il est chargé dans IE, tout est collé sur le côté gauche de la fenêtre. Quel est le problème avec ça? marge: 0 auto; semble être une règle raisonnable et directe. Pourquoi IE n'obéit-il pas?

Source

2009-10-12 Peter Perháč

Cela devrait travailler autant que je sache. L'élément est-il un div, et est-il affiché comme un bloc? Je connais des façons d'y parvenir en utilisant le positionnement si vous n'êtes pas précieux sur l'approche de la marge. – Rowan

c'est un div et affichage: bloc; Cela ne me dérangerait pas d'essayer une approche différente s'il est raisonnablement difficile d'atteindre l'objectif. –

Vérifiez que votre DOCTYPE ne ressemble pas à ceci:

<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

<!-- --><?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

parce qu'alors, IE sera Quirksmode (pas boxmodel)

Source

2009-10-12 11:19:18 k0ni

Non. ce n'est pas ça. c'est –

mais une bonne suggestion néanmoins :) –

Peut-être que vous pouvez le réparer en faisant ceci: envelopper un div autour de la div que vous voulez centrer avec le centre de texte-aligner et donner le innerdiv text-align gauche – k0ni

Une autre option consiste à utiliser les éléments suivants:

position:absolute;left:50%; 
margin:0 0 0 -460px; 
width:920px;

qui centre le div dans son parent.

Source

2009-10-12 11:22:43 Rowan

va essayer maintenant :) –

Parfois, il peut aider à élargir les options explicitement:

margin-top: 0; 
margin-bottom: 0; 
margin-left: auto; 
margin-right: auto;

Source

2009-10-12 11:37:51 Piskvor

marge: 0 auto; Semble fonctionner correctement dans Chrome/FF mais, encore une fois, IE ne partage pas

Répondre

Questions connexes