Центр div не работает в IE8? - PullRequest
Новая
       34

Центр div не работает в IE8?

0 голосов
/ 12 декабря 2011

Никогда раньше не было проблем с центрированием div, но я пытался получить 100% высоты столбцов (чего я достиг для большинства браузеров).Я считаю, что высота 100% мешает центрированию div в IE8.

Так что в основном я пытаюсь получить #wholewrap для выравнивания по центру, и в настоящее время я использую margin: 0 auto;, но это нене работает для IE8?

Есть идеи, почему возникает эта ошибка или как ее исправить?

Если вы попробуете этот код, он должен работать в FF, Chrome и Opera, у вас нет IE9.

По какой-то причине результаты этого в JSFiddle для IE8 различаются, по некоторым причинам то, что он показывает в JSFiddle, на самом деле не то, что он показывает в 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%;}

1 Ответ

7 голосов
/ 12 декабря 2011

Это может быть связано с doctype .. попробуйте поставить <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> или HTML5 на один <!DOCTYPE HTML> выше вашего <html>

...