Center div ne fonctionne pas dans IE8?

Je n'ai jamais eu de problèmes avec les divs de centrage avant mais j'ai essayé d'obtenir des colonnes de 100% de hauteur (ce que j'ai réalisé pour la plupart des navigateurs). Je crois que la hauteur de 100% est déconcertante avec le centrage de la div dans IE8.Center div ne fonctionne pas dans IE8?

Donc, fondamentalement, j'essaie d'obtenir #wholewrap pour aligner le centre et j'utilise actuellement margin: 0 auto; mais cela ne fonctionne pas pour IE8?

Des idées pour expliquer ce bogue ou comment le résoudre?

Si vous essayez ce code, il devrait fonctionner dans FF, Chrome et Opera, n'a pas eu IE9. Pour une raison quelconque, les résultats pour JSFiddle varient pour IE8 pour une raison quelconque, ce que cela montre dans JSFiddle n'est pas vraiment ce qu'il affiche dans IE8.

HTML

<html> 
<head> 
    <link rel="stylesheet" type="text/css" href="newcss.css"/> 
</head> 
<body> 

<div id='wholewrap'> 

    <div class='ttc'> 
     <p> 
      Left Column<br /> 
      Left Column<br /> 
      Left Column<br /> 
     </p> 
    </div> 

    <div class='otc'> 
     <p> 
      Right Column<br /> 
      Right Column<br />   
     </p> 
    </div> 

    <br style='clear:both;' /> 
</div> 

</body> 
</html>

CSS

div{border:1px #000 solid;} 

html{height: 100%;} 

body{height: 100%;} 

#wholewrap{width:500px;margin:0 auto;min-height: 100%;height: 100%;} 

.ttc{width:45%;float:left;min-height: 100%;height: 100%;} 
.otc{width:45%;float:right;min-height: 100%;height: 100%;}

Source

2011-12-12 Sean H Jenkins

Il pourrait être lié à la doctype .. essayer de mettre <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> ou un <!DOCTYPE HTML> HTML5 au-dessus de votre <html>

Source

2011-12-12 11:50:40 stecb

sur place. Merci pour cela. Fonctionne un régal –

Pauses dans les anciens navigateurs si. –

@ e-sushi quelles pauses? – stecb

Center div ne fonctionne pas dans IE8?

Répondre

Questions connexes