我在亲戚和朋友中犯了错误绝对定位,但我不知道如何清除它。 我尝试改变widht:auto& 100%,但没有任何效果。在给出宽度为%时,div在最小化时崩溃。
现在页面没有放在笔记本电脑的中间位置(其他屏幕分辨率)。我的代码出了什么问题。
HTML
[complete source][1] http://jsfiddle.net/X5RDL/
CSS
h1 {
color: #fff;
font-weight: normal;
}
body {
margin: 0px 10px 10px 10px;
background: #C5DA99 url(images/img01.jpg) repeat;
color: #787878;
position:absolute;
font:15px Georgia, "Times New Roman", Times, serif;
}
#header {
width: auto;
height: 100px;
margin:15px 05px ;
padding: 0px 50px;
background: url(images/img02.jpg) repeat;
position:relative;
}
#logo {
float: right;
width: 300px;
margin: 0;
padding: 13px;
color: #FFFFFF;
}
#menu {
padding:30px 10px 0 30px;
position:absolute;
}
#menu li {
display: inline;
-moz-border-radius-topleft: 12px;
-webkit-border-top-left-radius:12px;
}
#menu li a {
text-decoration: none;
float:left;
width:;
height:20px;
padding: 10px;
color: black;
font:14px Georgia, "Times New Roman", Times, serif;
}
#menu li a:hover {
margin-top:;
color:#FFF;
padding-bottom:12px;
text-shadow:5px 5px 5px white;
background:url(images/vline.jpg) no-repeat bottom
}
#contentbg
{
width:1004px;
float:left;
background: #FFFFFF;
}
#content
{
padding:;
}
/* contentleft */
#contentleft
{
width:190px;
float: left;
margin:0px;
padding:34px 0 33px 23px;
}
/* content middle */
#contentmid
{
width:500px;
float:left;
margin:0px;
padding:34px 5px 33px 15px;
background-image:url(images/vline.jpg);
background-repeat:repeat-y;
}
/* content Right */
#contentright
{
width:240px;
float: right;
padding:34px 0 40px 12px;
background-image:url(images/vline.jpg);
background-repeat:repeat-y;
}
/* login box */
#loginPan form
{
padding:5px;
width:200px;
height:188px;
background:#FCF6E6;
color:#705D20;
position:relative;
border:1px dashed #BFB492;
}
#loginPan form label
{
width:91px;
height:22px;
display:block;
float:left;
}