DIV仿frame框架

as1001001

浏览: 89970 次
性别:
来自: 鞍山

最近访客更多访客>>

dalongxn

oliverTer

allenlyy123

贝尔是条狗

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

技术转载

框架 XHTML HTML

2行2列

<!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=utf-8" />
<meta name="author" content="Chomo" />
<link rel="start" href="http://www.14px.com" title="Home" />
<title></title>
<style type="text/css">
* { margin:0; padding:0; list-style:none;}
html { height:100%; overflow:hidden; background:#fff;}
body { height:100%; overflow:hidden; background:#fff;}
div { background:#f60; line-height:1.6;}
.top { position:absolute; left:10px; top:10px; right:10px; height:50px;}
.side { position:absolute; left:10px; top:70px; bottom:70px; width:200px; overflow:auto;}
.main { position:absolute; left:220px; top:70px; bottom:70px; right:10px; overflow:auto;}
.bottom { position:absolute; left:10px; bottom:10px; right:10px; height:50px;}
.main iframe { width:100%; height:100%;}
/*---ie6---*/
html { *padding:70px 10px;}
.top { *height:50px; *margin-top:-60px; *margin-bottom:10px; *position:relative; *top:0; *right:0; *bottom:0; *left:0;}
.side { *height:100%; *float:left; *width:200px; *position:relative; *top:0; *right:0; *bottom:0; *left:0;}
.main { *height:100%; *margin-left:210px; _margin-left:207px; *position:relative; *top:0; *right:0; *bottom:0; *left:0;}
.bottom { *height:50px; *margin-top:10px; *position:relative; *top:0; *right:0; *bottom:0; *left:0;}
</style>
</head>
<body>
<div class="top"></div>
<div class="side">
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</div>
<div class="main">
<iframe frameborder="0" src="http://www.g.cn/"></iframe>
</div>
<div class="bottom"></div>
</body>
</html>

3行

<!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 name="author" content="LY" />
<style type="text/css">
* { margin:0; padding:0; list-style:none;}
body { height:100%; overflow:auto; background:#fff;}
div {  line-height:1.6; margin:0 auto; text-align:center;}
.top { position:absolute; left:10px; top:10px; right:10px; height:100px; overflow:auto; width:880px; background:#f60;}
.main { position:absolute; left:10px; top:110px; bottom:10px; right:10px; overflow:auto; width:880px; height:400px; background:blue;}
.bottom { position:absolute; left:10px; top:530px; right:10px; height:40px; overflow:auto; width:880px; background:green;}
#big{
	width: 900px;   
	height: 580px;
	margin-top: 0px;   
	margin-right: auto;   
	margin-bottom: 0px;   
	margin-left: auto;
}
iframe{
	width:100%;
	height:100%;
}
</style>
</head>
<body>
<div id="big">
<div class="top">
</div>
<div class="main">
</div>
<div class="bottom">
</div>
</div>
</body>
</html>

分享到：

EditPlus配置JAVA开发环境 | JS弹出窗口

2010-03-24 13:50
浏览 1709
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

DIV仿frame框架

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

DIV仿frame框架

评论

发表评论

相关推荐

（转）电脑开机报警说明

(转)win xp启动蓝屏代码说明

word报错,需要进入安全模式才能启动

解决软件安装“无法使用此产品的安装源，请确认安装源存在并且你可以访问它”

用javascript 判断IE窗口是否打开

IE与FF兼容在JS方面要注意的一些问题

将MSSQL中的表数据导出为SQL语句

js只能输入数字和小数点

css控制打印内容样式

java读写properties文件（转）

（转）软件界面设计经验

（转）IDEA快捷键

iframe高度自适应（转载）

PHP5.3.2+APACHE2.2

可编辑下拉框

EditPlus配置JAVA开发环境

JS弹出窗口

js分页代码

div居中的一种方法

VC6.0-Error spawning cl.exe

最近访客更多访客>>