Не могу разобраться...

[Mr.Smith]

Вот стили:

#niceloginform div.loginformtop {
 width:100%; 
 background:url(../images/pasportbgzag.gif) #5D5B5E repeat-x bottom left;
 margin:0; 
 padding:0;
} 
#niceloginform div.loginformtop div.loginformleft {
 float:left; 
 font:11px Verdana; 
 color:#FFFFFF; 
 padding:6px;
}
#niceloginform div.loginformtop div.loginformright {
 float:right; 
 padding:6px;
}
#niceloginform {
 position: absolute;
 width: 332px;
 left: 50%;
 margin-left:-170px;
 top: 50%;
 margin-top:-150px;
 text-align:left;
 background:url(../images/login.jpg) right center no-repeat #FFFFFF;
 display: none;
 z-index: 99;
}
#screen {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 width: 100%;
 height: 100%;
 z-index: 98;
 display: none;
 background: url(../images/bg.png);
}
* html #screen {
 background-color: #333;
 background-color: transparent;
 background-image: url(http://www.habrahabr.ru/i/spacer.gif);
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/bg.png", sizingMethod="scale");
}
#niceloginform div.border {
 border:1px solid #3C3C3C;
 padding:5px 10px 18px 10px;
 line-height:20px;
 font:11px Verdana;
 color:#000;
}
#niceloginform div.border h2 {
 font:20px Tahoma; 
 color:#CC3300;
 margin-top:0;
}
#niceloginform div.border div.input {
 margin:0;
 padding:4px 0 1px 0;
}
#niceloginform div.border input.data {
 width:190px;
 padding:3px 3px 3px 5px;
}
#niceloginform div.border input.data {
 border:1px solid #D4D0C8;
 background:#FFFFFF;
 color:#000000;
}
#niceloginform div.border input.button {
 background-color: #ffffff; 
 border: 1px solid #D4D0C8; 
 color: #757575; 
 font-size: 11px; 
 font-family: Verdana; 
 margin: 0; 
 padding: 1px 6px; 
}
#niceloginform div.border div {
 margin:0 0 10px 0;
}

Вот код:

<div id="niceloginform">
 <div class="border">

 <div class="head">
 <div class="left"><b>Ваш паспорт:</b> пройдите авторизацию</div>
 <div class="right"><img src="/templates/m3-reborn/images/ic_close.gif" style="cursor:pointer" alt="" onclick="java script:hideloginform();" /></div>
 </div>
 <h2>Авторизация</h2>
 <form method="post" onsubmit="java script:showBusyLayer()" action="">
 <div class="input"><input type="text" name="login_name" value="Ваш логин" class="data" onfocus="if(this.value=='Ваш логин')this.value=''" onblur="if(this.value=='')this.value='Ваш логин'" /></div>

 <div class="input"><input type="password" name="login_password" value="Ваш пароль" class="data" onfocus="if(this.value=='Ваш пароль')this.value=''" onblur="if(this.value=='')this.value='Ваш пароль'" /></div>
 <div>Пароль есть, но Вы его <a href="/index.php?do=lostpassword">забыли?</a></div>
 <input type="submit" onclick="submit();" class="button" value=" Войти " />
 <input name="login" type="hidden" id="login" value="submit" />
 </form>
 </div>
</div>
<div id="screen" onclick="hideloginform();"></div>

Теперь о проблеме, в ИЕ вверху данного окошка отображается фон, в ФФ и Опере его нет. Помогите пожалуйста, как исправить?

[D.S.Denton]

исправить чтоб отображался или чтоб не отображался?

[Mr.Smith]

чтобы отображался

[Dimitry Wolotko]

mmm Проблемы с версткой

[D.S.Denton]

или я тормоз или это неправильные пчелы... в чем проблема-то?

лиско 3.0.а9 + ие 6.0.сп2 + опера 9.24 =

фон #niceloginform виден полностью во всей форме

фон #screen виден под формой на всю страницу

[Mr.Smith]

div.loginformtop не виден фон

[Mr.Smith]

Чтобы было понятние, нажмите на ссылку в правом верхнем углу "Войти" на сайте http://freeprogs.kiev.ua и сразу все поймете...

[Mr.Smith]

Никто не поможет?

[yopopt]

Зачем Вам в Javascript вот эта строка:

document.getElementById('screen').style.height = getyScroll() + 'px';

?

Возможно у Вас из-за не? в IE высота #screen равна нулю.

[Mr.Smith]

проверил, не помогло

[Emm]

укажите высоту блока, где должен быть фон.

в данном случае:

#niceloginform div.head {
height:26px;
....

}

[Mr.Smith]

спасибо, помогло, протупил, забыл указать высоту...

хотелось бы еще один вопрос задать, шапка этого же сайта имеет больше высоту в ИЕ, чем в других браузерах, имеется пустое место в шапке, может быть кто-то может подсказать, что не так, а то я уже замучался искать причину

[yopopt]

Я изфиняюсь что не по теме, но что делает вот этот код:

document.getElementById('screen').style.height = getyScroll() + 'px';

?

Очень любопытно.

спасибо, помогло, протупил, забыл указать высоту...

хотелось бы еще один вопрос задать, шапка этого же сайта имеет больше высоту в ИЕ, чем в других браузерах, имеется пустое место в шапке, может быть кто-то может подсказать, что не так, а то я уже замучался искать причину

Это вызвано float. А ещ? сайт прикольно разваливается при уменьшении окна браузера.

[Mr.Smith]

Это я заметил, потому и спрашиваю как исправить)

[~Kitty~]

По поводу шапки.

На нижний div шапки (class="bord-bot") поставьте font-size: 1px

По крайней мере у меня шапка стала меньше.

[Mr.Smith]

попробовал, не заметил разницы...