абсолютное позиционирование в ИЕ

vr201 · September 19, 2007

помогите решить проблему

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta name="description" content="description" />
 <meta name="keywords" content="keywords" />
 <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
 <title>
 JM - Job Market
 </title>

 <style type="text/css">


* {
margin:0;
padding:0;
}

html {height: 100%;}

body {

position: relative;

height: auto !important;

height: 100%;

min-height: 100%;

}


.podval {
position: absolute;
bottom: 0;
left: 0;
height: 100px;
background: red;
width: 100%;
}

.hidden_content {
display: none;
padding: 100px;
background: green;
}

.light {
width: 250px;
height: 800px;
background: yellow;
}
</style>


<script type="text/javascript">
<!--
function list(obj) {


 if(document.getElementById(obj).style.display == "block"){

 document.getElementById(obj).style.display = "none";


 }else{

 document.getElementById(obj).style.display = "block";


 }
}
-->
</script>

 </head>

 <body>

<div><a href="#" onclick="list('r1');return false;">самое интересное в сообществах</a></div>

<div id="r1" class="hidden_content">

<div class="light">111111 </div>

</div>

<div class="podval">111</div>

</body>
</html>

при нажатии на ссылку в ие красный блок продолжает оставаться на месте, хотя размер body уже изменился.

подскажите, пожалуйста, как решить проблему.

vr201 · September 19, 2007

странно, но добавление вот такой функции

function ie_bug()
{
 document.getElementById('podval').style.background = "#fff";
}

все исправило.

кто-нибудь знает объяснение?

Sign In

абсолютное позиционирование в ИЕ

Question

vr201

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

vr201

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information