Проблема с высотой блока в IE6

ZooY · May 22, 2009

Нужно сделать чтобы слой полностью накрывал блок текста.

Делаю так:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style>

#data { position: relative; }
#cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: black; }

</style>
</head>
<body>

<div id="data">
<p>Строка текста, представляющая содержимое блока.<br>Строка текста, представляющая содержимое блока.<br>Строка текста, представляющая содержимое блока.<br>Строка текста, представляющая содержимое блока.<br>Строка текста, представляющая содержимое блока.</p>
<div id="cover"> </div>
</div>

</body>
</html>

В IE7, IE8, FF и Chrome все нормально, то есть текст полностью накрыт слоем.

А вот в IE6 накрывающий слой не растягивается по высоте. Можно ли это как то поксить?

Searcher · May 22, 2009

он не знает от чего отмерять 100% поскольку не известна высота родительского элемента

задайте высоту родителю

psywalker · May 22, 2009

Я поставил высоту #data { position: relative; height: 100px; } и у меня заработало

Sign In

Проблема с высотой блока в IE6

Question

ZooY

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

Searcher

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information