2012-09-02 5 views
1

je le code HTML suivant:Center div dans IE5.x?

<div id="container"> 
    <div id="header"><h1>Sed sollicitudin dignissim justo, sed.</h1></div> 
</div> 

et le CSS suivant:

div#container 
{ 
    text-align:left; 
    width:500px; 
    margin:0 auto; 
} 

Cela crée un div container qui couvre tout l'écran, et un autre div header dans la première div container, où le second div a une largeur fixe et est centré dans le premier div.

Cela fonctionne très bien dans IE6 mais dans IE5.x, il ne semble pas centrer, il est aligné à gauche de l'écran.

Comment est-ce que je peux centrer ceci dans IE5.x?

+1

Pourquoi avez-vous besoin pour soutenir IE5.x? – BoltClock

+2

Je sais que cela n'aide pas, mais il est pertinent - pourquoi utilisez-vous IE5? – Widor

+2

IE5 est un navigateur publié en 1999. ** 1999 **, il y a 13 ans –

Répondre

7

IE 5.x centre les blocs comme s'il y avait des éléments en ligne.

#containers_parent { text-align: center; } 
#container { text-align: left; } /* To reset the alignment for the text inside */ 
+1

Je pense que «text-align: center» devrait être sur le parent de «# container», pas «# container» lui-même. – BoltClock

+0

@BoltClock - Oups, bon point. – Quentin

+0

Fonctionne aussi pour IE4! : D – oshirowanen

0

si la seule chose que vous avez sur la page est #container il suffit d'ajouter <center> en haut