MyException - 我的异常网
当前位置:我的异常网» HTML/CSS » 小弟我想实现,顶部导航和底部版权分别靠到网页顶部

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

www.myexceptions.net  网友分享于:2013-04-10  浏览:87次
我想实现,顶部导航和底部版权分别靠到网页顶部和底部,右边没有下拉滚动条。
我想实现,顶部导航和底部版权分别靠到网页顶部和底部,右边没有下拉滚动条。
并且能实现里面嵌套的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>
        <div class="bottom"></div>
        

文章评论

软件开发程序错误异常ExceptionCopyright © 2009-2015 MyException 版权所有