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 side. _html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:20:101384browse

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>


Reply to the discussion (solution)

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

                                                                       . . brother. . Still can't show everything.

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