высота промежуточного div'а в IE6

tvolf · September 15, 2007

Есть вот такой вот простой html-файл.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/HTML4/loose.dtd">
<html>
<head><title>Тестовый пример</title>
<meta http-equiv="Content-type" type="text/html; charset=Windows-1251">
<style type="text/css">

* { margin:0; padding:0;}

body {
 color:#FFF;
 background-color: #FFF; 
}

.cl_top { background-color: #000040; }

.cl_middle {
 height: 15px;
 background-color: #F00;
}

.cl_bottom { background-color: #000040; }

</style>
</head>
<body>
 <div class="cl_top">Строка1</div>
 <div class="cl_middle"></div> 
 <div class="cl_bottom">Строка2</div>
</body>
</html>

Проблема в том, что средний слой красного цвета (класс cl_middle) в IE6 не имеет высоту 15 пикселов (получается выше,

чем надо), как указано в описании класса cl_middle. В Опере (v9.23) вс? нормально.

Из-за чего это может быть, и как с этим бороться ?

Заранее благодарю за помощь.

tvolf · September 15, 2007

Из-за чего это может быть, и как с этим бороться?
Из-за размера предпологаемого контента. Если контент не вмещаеться, IE увеличивает размер объекта до необходимого. Подумайте каков здесь предпологаемый контент и возможно сами найдете решение.

Возможно, я просто не очень понимаю, о чем идет речь -- человек я в верстке новый.

Для слоя cl_middle контент, как таковой, вообще отсутствует (в отличие от сло?в cl_top

и cl_bottom, имеющих в качестве контента строки "Строка1" и "Строка2" соответственно).

То есть, под контентом я понимаю то, что содержится между тэгами

и .

Там, в данном случае - для промежуточного слоя - пусто.

А высота промежуточного слоя указано жестко. Почему е? не хватает для IE6, поясните, пожалуйста ?

Буду весьма признателен.

tvolf · September 15, 2007

Tvolf, вы все абсолютно правильно понимаете! Только, вот я говорил не контент, а предпологаеммый контент. Даю прямую наводку: в данном случае это текст являеться предпологаемым контентом, выведите текст без задания каких-либо параметров(по умолчанию) и замерьте какую
высоту в IE имеют заглавные буквы. Сравните высоту вашего слоя и высоту заг. букв.

Термин "предполагаемый контент" воспринимается достаточно странно (для меня =)).

Контент -- он либо есть, либо его нет. Во всяком случае, я так думал. Возможно, авторы IE6 думали иначе ?

В общем, не знаю, лучшее ли это решение, но установил дополнительно свойство для слоя cl_middle :

font_size: 1px;

После чего высота промежуточного слоя стала принимать верное значение - 15px.

Осталось только разобраться, почему так происходит в IE6 ? Можно ли где-то об этом почитать ?

Sign In

высота промежуточного div'а в IE6

Question

tvolf

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

tvolf

Link to comment

Share on other sites

tvolf

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information