Нужна помощь с div в ие6

lebeden · June 17, 2008

Добрый день.

Подскажите плз в чем проблема. Простой код во всех броузерах кроме ие работает отлично:

<html>
<head>
 <title>Div test</title>
 <style>
 body {
 margin: 0;
 text-align: center;
 }
 .container {
 width: 982px;
 margin: 5px auto;
 }
 .subcontainer {
 border: 1px solid black;
 float: left;
 width: 980px;
 }
 .header {
 background-color: red;
 height: 30px;
 margin-bottom: 5px;
 }
 .item {
 border: 1px solid blue;
 display: inline;
 float: left;
 height: 135px;
 width: 180px;
 margin: 0 7px 5px 7px;
 }
 </style>
</head>
<body>
 <div class="container">
 <div class="subcontainer">
 <div class="header">
 </div>
 <div class="item"></div>
 <div class="item"></div>
 <div class="item"></div>
 <div class="item"></div>
 <div class="item"></div>
 <div class="item"></div>
 <div class="item"></div>
 <div class="item"></div>
 <div class="item"></div>
 <div class="item"></div>
 </div>
 </div>
</body>
</html>

Была проблема с float left и двойным маргином слева. Нагуглил, что это известный баг и решается добавлением display: inline; для дивок внутри контейнера, двойной маргин слева исчез, но остался справа и исчез маргин снизу. Не понятно что раздвигает дивку контейнер вправо...

rez_spb · June 17, 2008

Вы не поверите!

Вс? дело в !DOCTYPE, точнее, в его отсутствии.

quot;-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Впер?д - у меня одинаковые отображения в IE6 & FF3

lebeden · June 17, 2008

Проблема решена. Оказалось просто неправильно посчитал пиксели

Див с шириной 180 пикселей и с border: 1px; занимает 182 пикселя, по 1 пикселю со всех сторон на бордер, а в ие такой див все равно занимает 180 пикселей

Sign In

Нужна помощь с div в ие6

Question

lebeden

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

rez_spb

Link to comment

Share on other sites

lebeden

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information