Home  >  Article  >  Web Front-end  >  Help css expert_html/css_WEB-ITnose

Help css expert_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:14:061145browse

The project requires that the login interface can be displayed normally regardless of whether the browser is maximized or minimized. The current situation is that there is no problem in maximizing, but not in minimizing. @charset "utf-8";
/* CSS Document */

html{height:100%; overflow:hidden;width:100%;}
body{height:100%; overflow:hidden; background:#c5daf3 url(../../images/style1/login/bg-body-x.gif) repeat-x top;width:100%;}

.btnCss1{
width:100px;
height:40px;
border:none;
background:url(../../images/style1/login/img-btn01.png);
cursor:pointer;
}
.textCss1{
width:290px;
height:40px;
border:none;
padding:0 10px;
background:url( ../../images/style1/login/bg-inputText.png) no-repeat;
font:12px/40px Verdana, Geneva, sans-serif;
color:#9b9b9b;
}

#bgbody{height:100%; overflow:hidden; background:url(../../images/style1/login/bg-body.jpg) no-repeat center top;}

#logo{padding:50px 0 0 200px;}

#loginBox{
position:absolute;
bottom:180px;
right:200px;
font:15px /100% "Microsoft YaHei","黑体";
}
#loginBox table td{padding:10px 0;}
#loginBox table a {
padding-right:10px;
color:#2a71e0;
text-decoration:none;
}

#copyright{
position:absolute;
left:20px;
right:20px;
bottom:0;
padding:20px;
text-align:center;
color:#626d79;
font:12px/40px Verdana, Geneva, sans-serif;
}
#copyright hr{
width:100%;
border:solid 1px #90a7c3;
border-bottom-color:#e2edf9;
border-left:none;
border -right:none;
The current problem is that the login box is normal, but the form for entering user name and password is not working


Reply to the discussion (solution)

Because I don’t know how to upload pictures, I put the renderings in the css album of my personal homepage. Please forgive me!

Because I don’t know how to upload pictures, I put the renderings in the css album of my personal homepage. Please forgive me!

Because I don’t know how to upload pictures, I put the renderings in the css album of my personal homepage. Please forgive me! The best solution is to set the height and width as percentages.

doesn’t work. I tried

and it displays normally? ? ? What does it mean? ? ? ? ? Send me an in-site message. . . . What is normal and what is abnormal

This problem is probably caused by margin-left or margin-right. You can remove it and try another method! ! Use padding

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn