Jump to content
  • 0

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


Mr.Smith
 Share

Question

Вот стили:

#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>

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

Link to comment
Share on other sites

15 answers to this question

Recommended Posts

  • 0

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

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

Link to comment
Share on other sites

  • 0

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

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

?

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

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

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

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

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