Модальное окно неправильно показывается в IE

Y
На сайте с 12.02.2009
Offline
89
366

Нужно было предупреждение при входе не сайт. Погуглив, нашел такое решение:


<script language="javascript" type="text/javascript" >

function getCookie(c_name)
{
if (document.cookie.length>0)
{
c_start=document.cookie.indexOf(c_name + "=");
if (c_start!=-1)
{
c_start=c_start + c_name.length+1;
c_end=document.cookie.indexOf(";",c_start);
if (c_end==-1) c_end=document.cookie.length;
return unescape(document.cookie.substring(c_start,c_end));
}
}
return "";
}

function setCookie(c_name,value,expiredays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate()+expiredays);
document.cookie=c_name+ "=" +escape(value)+
((expiredays==null) ? "" : ";expires="+exdate.toGMTString());
}

function checkuserage()
{
userage=getCookie('userage');
if (userage!=null && userage!="")
{}
else
{
var div = document.createElement('div');
div.innerHTML = "<div style='position:fixed;z-index:100;width:100%;height:100%;top:0px;left:0px;' id='18_popup_div'>"
+" <div style='position:relative;width:100%;height:100%'>"
+" <div style='position:absolute;top:0px;left:0px;background-color:gray;filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;z-index:200;width:100%;height:100%'></div>"
+" <div style='position:absolute;top:0px;margin:auto;z-index:300;width: 100%;height:500px;'>"
+" <div style='margin:auto;width:400px;background-color: white;border: solid 1px black;padding: 40px;margin-top:100px; font-size:17px;'>"
+"<center><b>Вам есть 18 лет?</b></center>"
+" <br/><br/><table width=100%><tr><td><a href='#' style='display:block;width: 170px;text-align: center;text-decoration:none;font-size:14px;font-weight:bold;color:white;background-color: green;padding: 8px;margin: 0px 0px;' onclick='setCookie(\"userage\",1);document.getElementById(\"18_popup_div\").style.display=\"none\";return false;'>Да, войти на сайт</a></td><td align=right><a href='http://yandex.ru/' style='display:block;width: 170px;text-align: center;text-decoration:none;font-size:14px;font-weight:bold;color:white;background-color: red;padding: 8px;margin: 0px 0px;'>Нет, покинуть сайт</a></td></tr></table>"
+" </div>"
+" </div>"
+" </div>"
+"</div>";
document.body.appendChild(div);
setCookie('userage',userage,1);

}

}
</script>

Ну и в боди onload="checkuserage()"

Поставил. Все работает! Во всех браузерах, кроме осла... Точнее там тоже в некотором роде работает, но окошко показывается слева в самом низу, под сайтом:) Т.е. там его в общем-то и не видно.

Я так полагаю, что проблема в позиционировании в ИЕ... А где конкретно? Подскажите, плиз:)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий