如何全屏显示

lhmht 2012-05-24 10:28:52
各位大虾请看下如下代码:

浏览器分辨率是960*540的

style.css

#appDiv{
width:960px;
height:540px;
padding: 0;
margin: 0
}
h1,h2,h3,h4,h5,h6,ul,li,ol,dl,dt,dd,p,input,form,table,body{
padding: 0;
margin: 0
}
#top{
width: 960px;
height: 34px;
position:absolute;
top:0px;
left:0px;
background: url("../../image/appManage/gengduoxuanzhong.jpg") repeat;
}
#mid{
width: 960px;
height: 486px;
position:absolute;
top:34px;
left:0px;
background: RGB(222,222,224);
}


#bottom{

height: 18px;
position:absolute;
top:520px;
left:0px;
color:white;
font-size:20px;
background-color: RGB(127,128,130);
}

.topFont{
font-size:25px;
color:white;
position: absolute;
top: 5px;
left: 30px;
}
#page{
position:absolute;
top:10px;
right:20px;
color:white;
font-size: 20px;
}
#mid ul{
width: 960px;
height: 486px;
margin-top: 0px;
margin-left:0px;
list-style:none;
display: none;
}
#mid li{
display: inline;
float: left;
margin-top:5px;
margin-left: 30px;
font-size: 20px;
}
.app_unsel{
width: 118px;
height: 156px;
color:black;
text-align:center;
background: url("../../image/appManage/remenyingyong_bj.png");
}
.app_sel{
width: 118px;
height: 156px;
color:white;
text-align:center;
background: url("../../image/appManage/remenyingyong_bj2.png");
}
.imgStyle{
margin-top: 10px;
margin-bottom: 5px;
width: 68px;
height: 68px;
}
.hideStyle{
position:absolute;
top:0px;
bottom:0px;
left:0px;
width: 100%;
height: 100%;
z-index:1000;
background: url("../../image/appManage/hide.png");
text-align: center;
}
.alertType{
position: absolute;
left: 0px;
top:0px;
width:960px;
height:540px;
background: url("../../image/appManage/alert.png");
z-index:1200;
display: none;
}
.isDelFont{
position: absolute;
top:200px;
width:100%;
height:100%;
text-align: center;
font-size:30px;
}
#return{
position: absolute;
top:270px;
left:380px;
height:38px;
width:193px;
text-align:center;
font-size: 25px;
}
#cancel{
position: absolute;
top:338px;
left:380px;
height:38px;
width:193px;
text-align:center;
font-size: 25px;
}
.button_on{
color:white;
background: url("../../image/appManage/btn2.png");
}
.button_leave{
color:black;
background: url("../../image/appManage/btn1.png");
}
.messageClass{
color: black;
position: absolute;
top:250px;
line-height: 100%;
text-align: center;
width: 100%;
font-size: 25px;
}

appManage.html

<body style = "width:100%; height:100%;background-color:red;" onload="init()">
<div style = "width:960px;height:540px;left:0;top:0;position:absolute">

<div id="top">
<font class="topFont">浏览已安装的应用</font>

<font id="page">第0页/共0页</font>
</div>

<div id="mid">
<img id="loading" src="image/loading.gif"
style="width: 124px; height: 108px;">
</div>

<div id="bottom">
红键:进入应用 绿键:删除应用
</div>

<div id="confirm" class="alertType">
<div class="isDelFont">
确定删除?
</div>
<div id="return" class="button_on">
确定
</div>
<div id="cancel" class="button_leave">
取消
</div>
</div>
<div id="message" class="alertType">

</div>

</div>
</body>

原本以为可是全屏显示 可是总是出现滚动条 调了半天也没弄好 急……
...全文
160 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

61,110

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧