Home >Web Front-end >HTML Tutorial >I want to realize that the top navigation and bottom copyright are placed at the top and bottom of the web page respectively, and there is no drop-down scroll bar on the right side. _html/css_WEB-ITnose
I want to realize that the top navigation and bottom copyright are placed at the top and bottom of the web page respectively, and there is no drop-down scroll bar on the right.
And the iframe nested inside can also be used under browsers such as IE6789 and Firefox without scroll bars.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><style type="text/css"><!--body { margin:0 auto; height:100%;}#header {position:absolute; left:0; right:0; top:0; width:100%; height:100px; background-color:#999900;}#footer {position:absolute; left:0; right:0; bottom:0; width:100%; height:50px; background-color:#FFFF00;}#content {position:absolute; left:0; right:0; bottom:50px; top:100px; width:100%; height:100%; background-color:#009999;}--></style></head><body><div id="header">fsdfsdf</div><div id="content"> <iframe border="0" id="content" src="http://demo.sc.chinaz.com//Files/DownLoad/webjs1/201303/jiaoben742/" frameborder="0" height="100%" width="100%"></iframe></div><div id="footer">实得分是否sdaf fsdf</div></body></html>
Just copy what I wrote and you can achieve it: b046eccc1ff07e9cbb558a84c01d8059 68ccb177a5de0ef9542dde7d35bae727 93f0f5c25f18dab9d176bd4f6de5d30e f172e66511208b9115855bac71fb3941 b2386ffb911b14667cb8f0f91ea547a7Untitled Document6e916e0f7d1e588d4f442bf645aedb2f
080b747a20f9163200dd0a7d304ba388
body{
text-align:center ;
margin:1px 0px 0px 0px;
padding:0px;
font-size:12px;
font-family:Arial,Helvetica,sans-serif; {
text-decoration:none;
color:none;}
.divv{
width:1200px;
height:auto;
text-align:center;
margin:0 auto;
border:0px;
background: #fff;}
.top{
width:1200px;
height:25px;
border:0px;
margin:0px;
background:grey;
}
.bottom{
clear:both;
width:990px;
height:125px;
margin:0px 5px 0px 5px;
background:red;}
.content {position:absolute; left:0; right:0; bottom:50px; top:100px; width:100%; height:100%; background-
531ac245ce3e4fe3d50054a55f265927
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
01a1974f059382fea295187c64f91a90
9b8c3fc8194936d7111a72a37d84c1dc
DownLoad/webjs1/201303/jiaoben742/" frameborder="0" height="100%" width="100%">065276f04003e4622c4fe6b64f465b88 16b28748ea4df4d9c2150843fecfba68