<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Layout 33</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="div+css模板设计下载" content="www.35tt.com 美工之家">
<style type="text/css">
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center}
p{margin:0 10px 10px}
a{display:block;color: #981793;padding:10px}
div#header h1{height:80px;line-height:80px;margin:0;
padding-left:10px;background: #EEE;color: #79B30B}
div#container{text-align:left}
div#content p{line-height:1.4}
div#navigation{background:#B9CAFF}
div#extra{background:#FF8539}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}
div#container{width:700px;margin:0 auto}
div#content{float:left;width:500px}
div#navigation{float:right;width:200px}
div#extra{float:right;clear:right;width:200px}
div#footer{clear:both;width:100%}
</style>
</head>
<body>
<div id="container">
<div id="header"><h1>Header, www.35tt.com</h1></div>
<div id="wrapper">
<div id="content">
<p><strong>1) Content here.</strong> column long long column very long fill fill fill long text text column text silly very make long very fill silly make make long make text fill very long text column silly silly very column long very column filler fill long make filler long silly very long silly silly silly long filler make column filler make silly long long fill very.</p>
<p>very make make fill silly long long filler column long make silly silly column filler fill fill very filler text fill filler column make fill make text very make make very fill fill long make very filler column very long very filler silly very make filler silly make make column column </p>
<p>fill long make long text very make long fill column make text very silly column filler silly text fill text filler filler filler make make make make text filler fill column filler make silly make text text fill make very filler column very </p>
<p>column text long column make silly long text filler silly very very very long filler fill very fill silly very make make filler text filler text make silly text text long fill fill make text fill long text very silly long long filler filler fill silly long make column make silly long column long make very </p>
</div>
</div>
<div id="navigation">
<p><strong>2) Navigation here.</strong> long long fill filler very fill column column silly filler very filler fill fill filler text fill very silly fill text filler silly silly filler fill very make fill column text column very very column fill fill very silly column silly silly fill fill long filler </p>
</div>
<div id="extra">
<p><strong>3) More stuff here.</strong> very text make long column make filler fill make column column silly filler text silly column fill silly fill column text filler make text silly filler make filler very silly make text very very text make long filler very make column make silly column fill silly column long make silly filler column filler silly long long column fill silly column very </p>
</div>
<div id="footer"><p>Here it goes the footer,more at <a href="http://www.35tt.com" target="_parent">www.35tt.com</a></p>
</div>
</div>
</body>
</html>
40个标准div＋css布局模板及解说
4星 · 超过85%的资源 需积分: 9 181 浏览量
2008-07-11
23:40:29
上传
评论 1
收藏 206KB RAR 举报 
40web2.rar （82个子文件） 
40web2 
layout019.gif 4KB layout033.gif 4KB layout025.gif 4KB
LayoutGala13.html 3KB layout034.gif 4KB LayoutGala33.html 3KB LayoutGala39.html 3KB layout012.gif 4KB LayoutGala31.html 3KB LayoutGala06.html 3KB LayoutGala28.html 3KB LayoutGala24.html 3KB layout022.gif 4KB layout010.gif 4KB
enindex.htm 6KB LayoutGala09.html 3KB LayoutGala16.html 3KB LayoutGala01.html 3KB LayoutGala15.html 3KB LayoutGala19.html 3KB LayoutGala23.html 3KB layout028.gif 4KB LayoutGala30.html 3KB LayoutGala37.html 3KB layout035.gif 4KB LayoutGala32.html 3KB layout027.gif 4KB layout017.gif 4KB layout004.gif 4KB LayoutGala25.html 3KB layout040.gif 4KB layout005.gif 4KB LayoutGala22.html 3KB layout014.gif 4KB layout007.gif 4KB LayoutGala18.html 3KB LayoutGala02.html 3KB layout026.gif 4KB LayoutGala17.html 3KB layout038.gif 4KB LayoutGala12.html 3KB layout008.gif 4KB LayoutGala34.html 3KB LayoutGala14.html 3KB layout030.gif 4KB layout009.gif 4KB LayoutGala29.html 3KB layout006.gif 4KB layout001.gif 4KB layout018.gif 4KB LayoutGala26.html 3KB LayoutGala20.html 3KB layout016.gif 4KB LayoutGala08.html 3KB layout036.gif 4KB LayoutGala03.html 3KB layout037.gif 4KB layout024.gif 4KB LayoutGala38.html 3KB LayoutGala40.html 3KB layout020.gif 4KB layout031.gif 4KB layout011.gif 4KB layout029.gif 4KB layout003.gif 4KB LayoutGala05.html 3KB LayoutGala36.html 3KB layout039.gif 4KB index.htm 7KB LayoutGala35.html 3KB LayoutGala11.html 3KB layout023.gif 4KB layout021.gif 4KB layout002.gif 4KB LayoutGala27.html 3KB LayoutGala04.html 3KB LayoutGala07.html 3KB LayoutGala21.html 3KB layout015.gif 4KB layout013.gif 4KB LayoutGala10.html 3KB layout032.gif 4KB
- 1
- 2
前往页