小弟我想实现，顶部导航和底部版权分别靠到网页顶部和底部，右边没有下拉滚动条-HTML教程-爱易网页

小弟我想实现，顶部导航和底部版权分别靠到网页顶部和底部，右边没有下拉滚动条

日期：2014-05-17　浏览次数：20698 次

我想实现，顶部导航和底部版权分别靠到网页顶部和底部，右边没有下拉滚动条。
我想实现，顶部导航和底部版权分别靠到网页顶部和底部，右边没有下拉滚动条。
并且能实现里面嵌套的iframe也能在IE6789遨游火狐等浏览器下面，没有滚动条，



<!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>

------解决方案--------------------
仿照我这个写，就可以实现：<!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{
   text-align:center;
   margin:1px 0px 0px 0px;
   padding:0px;
   font-size:12px;
   font-family:Arial,Helvetica,sans-serif;
   }
   a{
   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-

</style>
</head>
<body>
<div class="divv">
     <div class="top"></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>
        <

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

小弟我想实现，顶部导航和底部版权分别靠到网页顶部和底部，右边没有下拉滚动条

相关资料更多>

推荐阅读更多>