Jump to content
  • 0

IE и позиционирование


Lich
 Share

Question

Есть такая проблема в div с position:relative; вставлен еще один с position:absolute;

ИЕ6 напрочь отказывается позиционировать второй блок относительно документа, а позиционируется относительно родительского дива. Может быть есть фикс какой-то ? что бы position:absolute; срабатывало относительно документа не зависимо от того где стоит див ?

Link to comment
Share on other sites

10 answers to this question

Recommended Posts

  • 0

Lich

Есть такая проблема в div с position:relative; вставлен еще один с position:absolute;

ИЕ6 напрочь отказывается позиционировать второй блок относительно документа, а позиционируется относительно родительского дива. Может быть есть фикс какой-то ? что бы position:absolute; срабатывало относительно документа не зависимо от того где стоит див ?

Не может быыть, как этоо таааааккк???????? :lol::) :)

Link to comment
Share on other sites

  • 0

я рад, что поднял кому-то настроение вопросом о фиксе, но комменты типо "спасибо поржал" Совсем не в тему т.к. ответа все еще не прозвучало.

подскажите фикс, а потом рассуждайте правильно это или нет.

Lich

Не может быыть, как этоо таааааккк???????? :lol::) :)

в первом посте вроде не написано, что "омай год самый мега правильный браузер работает вот так вот" там есть вопрос с проблемой и необходимо решение, а не нелепый флуд.

Есть что сказать по теме welcome, если нет в лес >>.

Link to comment
Share on other sites

  • 0

Lich

Не нервничай дружище, будет тебе Фикс:

1) Вот тебе эмуляция Фикс: Вставь в background: left top no-repeat; свою картинку и радуйся жизни))

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
div.fix{ background: left top no-repeat; width: 200px; height: 200px; position: absolute; left: 20px; top: 30px;}
html, body{
width:100%;
height:100%;
overflow:hidden;
}
.over{ position: relative; width: 99%; height: 100%; overflow: auto;}
</style>
</head>

<body>

<div class="fix">1</div>
<div class="over"><p>Контент</p></div>
</body>
</html>

2) Вот ещё один вариант, за подопытного взял Заголовок:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
h1{
position:fixed;
_position:absolute;
top:0;
_top:expression(eval(document.documentElement.scrollTop));
left:0;
margin:0;
padding:0;
background:lime;
}
</style>
</head>

<body>
<h1>Фиксированный Заголовок</h1>

</body>
</html>

Только не забудь для проверки страницу Хорошенько заполнить контентом :lol:

3)

Есть такая проблема в div с position:relative; вставлен еще один с position:absolute;

ИЕ6 напрочь отказывается позиционировать второй блок относительно документа, а позиционируется относительно родительского дива. Может быть есть фикс какой-то ? что бы position:absolute; срабатывало относительно документа не зависимо от того где стоит див ?

Всё правильно Браузеры делают, так и должно быть, а если ты хочешь Позиционировать элемент относительно body, тогда тебе просто Нужно вынуть твой Див из Родителся с position:relative; и вставить куда нибудь в body, вот тогда он будет Позиционироваться относительно body

Edited by psywalker
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy