Pourquoi ce code html/css ne fonctionne-t-il pas?

J'essaie juste de centrer un div sur la page. Il fonctionne en chrome mais à savoir le div est toujours à gauche:Pourquoi ce code html/css ne fonctionne-t-il pas?

<html> 
<head></head> 
<body> 
    <div id="container" style="margin:0 auto; width:200px;"> 
     test 
    </div> 
</body> 
</html>

Tout ce que j'ai lu a dit que pour centrer un élément de bloc, il suffit d'ajouter margin:0 auto et spécifier une largeur, donc je ne sais pas pourquoi cela ne fonctionne pas.

Je teste sur IE 7.0.5730

Source

2010-06-08 hhj

Votre code HTML n'a pas DOCTYPE, so IE is defaulting to quirksmode.

Utilisation du doctype HTML5:

<!DOCTYPE HTML> 
<html> 
<head></head> 
<body> 
    <div id="container" style="margin:0 auto; width:200px;"> 
     test 
    </div> 
</body> 
</html>

Source

2010-06-08 15:17:03 ajm

qui était-il ..Merci! – hhj

une autre méthode serait de le faire dans votre css, ainsi il fonctionne, peu importe si par exemple est en quirksmode ou non:

body{text-align:center;} 
#container{text-align: left;}

Source

2010-06-09 02:18:10

Pourquoi ce code html/css ne fonctionne-t-il pas?

Répondre

Questions connexes