Блин уже голову сломал, как и говорил в опере все гуд а в ИЕ6 почему то открывается окно (точнее показывается) но позиционруется не по центру а от правого верхнего угла чуть ниже и при скролленге (функция подгружается в тег <body> ) окно так же стоит на месте и не двигается.
Может чего еще не хватает?
css абсолютно ничего не менял
Код:
/*форма входа*/
#loginform {padding: 25px 10px 10px 25px; position: fixed; margin: 0px 33% 0px 33%; top: 10%; width: 350px; background: #fff; border: solid #aaa 5px; z-index: 10000; display: none;}
#overlay {display:none; position:fixed; top:0; left:0; width:100%; height:100%; min-height: 100%; z-index:9999; background-color:#000; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80);}
* html #loginform {position: absolute;}
* html #overlay {position: absolute; height:expression(document.body.scrollHeight);}
#openid {display: none;}
#loginform h1 {display: inline;}
#loginform span {display: inline; margin-left: 15px;}
#loginform p {margin: 10px 0 5px 0; }
#loginform .note {margin: 10px 0 5px 0; color: #777; font-size: 1.1em;}
#loginform small {font-size: 1.1em;}
#loginform .text {width: 60%;}
#loginform .close {margin-top: 10px; clear: both; float: right; background: #fff url("/images/close.png") no-repeat; display: block; width: 70px; height: 20px;}
Сам скрипт
Код:
...
<body <? $agent=getenv("HTTP_USER_AGENT"); if ((eregi("msie",$agent))&&(strstr($agent,'6.'))) echo 'onscroll="scrolling();"'; ?> >
<script type="text/javascript">
function scrolling() {
var loginform = $("loginform");
loginform.style.posTop = document.body.scrollTop;
loginform.style.posTop = (loginform.style.posTop)+100;
}
</script>
...
<script type="text/javascript">
function showLogin(){
var $myForm = document.getElementById("loginform");
if ($myForm.style.display == 'block'){
$myForm.style.display = 'none';
}else{
$myForm.style.display = 'block';
}
}
</script>
<div id="overlay" onclick="showLogin();"></div>
<div id="loginform">
<h2>Ваш комментарий к ответу</h2>
<form method="post">
<p>Имя:</p>
<input type="text" class="text" name="login" />
<p>Сообщение:</p>
<input type="password" class="text" name="password" /> <small><a href="/forgot/">Забыли пароль?</a></small>
<input type="submit" name="loginb" value=" Войти " />
<a href="#" class="close" onclick="showLogin(); return(false);" /></a>
</div>
...