Проблема с положением дива position:absolute в IE

ivnitskiy · January 12, 2012

Такая беда: в ИЕ див с position:absolute отображается справа от текста, а в остальных браузерах - под текстом. Подскажите пожалуйста, как сделать, чтобы див в ИЕ был под текстом (а еще лучше, чтобы див вообще не зависил от текста).

Вот код:


<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>111</title>
</head>

<body>

<div style="position:relative; width:500px; height:200px; background:#CCC">

Text
<div style="position:absolute; width:200px; height:300px; background:#666"></div>

</div>

</body>
</html>

Вот пример: http://goodtime.com.ua/max/wtf2.html

Заранее спасибо.

hedgehog · January 12, 2012

top:0;left:0;

Вот и не зависит от текста.

Edited January 12, 2012 by hedgehog

Catherine · January 12, 2012

hedgehog верно написал. В конкретно Вашем случае position: absolute вложенного <div> напрямую зависит от положения родителя со значением relative, а не от текста. Прописываете в свойствах вложенного элемента:

top: 0;
left: 0;

и он позиционируется в верхнем левом углу родителя. Подробности читайте тут: http://htmlbook.ru/css/position

ivnitskiy · January 13, 2012

Спасибо большое. Сложно жить, когда делаешь то, чего не умеешь.

Sign In

Проблема с положением дива position:absolute в IE

Question

ivnitskiy

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

hedgehog

Link to comment

Share on other sites

Catherine

Link to comment

Share on other sites

ivnitskiy

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information