Ultilisation de CSS2 pour un template simple; le code

La feuille de style :
   
<style type="text/css">
.nospace {width:100%;margin: 0px}

.header {
	position:absolute;
	top:0px;
	width:100%;
	right:15px;
	margin-right:-15px;
	height:100px;
	background-color:#158035
	}
	
.main {
	position:absolute;
	top:100px;
	width:100%;
	right:15px;
	margin-right:-15px
	}
	
* html body .main {
	height:100%;
	overflow:hidden
	}

/* IE-mac ne voit pas les lignes qui suivent \*/
* html body .main {
	height:0px;
	overflow:visible
	} 
/* fin du text caché pour IE/mac */

.central {
	position:relative;
	top:0px;
	width:auto;
	margin:0px;
	margin-left:170px;
	margin-right:100px;
	background-color:#a9f7bd
	}

.corps {
	position:relative;
	min-height:300px
	}

* html body .corps {
	height:300px
	} 

.div-min-height {
	position:relative;
	height:300px;
	width:0px;
	float:left
	}
	
.div-min-height-bottom {
	position:relative;
	height:0px;
	clear:left
	}
	
.menus {
	position:absolute;
	height:100%;
	width:170px;
	top:0px;
	left:0px;
	background-color: #41b55f
	}
	
.notes {
	position:absolute;
	height:100%;
	width:100px;
	top:0px;
	right:15px;
	margin-right:-15px
	background-color: #66dd85
	}
	
.pied {
	position:relative;
	width:100%;
	height:50px;
	background-color:#158035
	}
</style>

Le body XHTML :
 
<body class="nospace">
	<div class="main">
		<div class="central">
			<div class="corps">
				<div class="div-min-height"></div>
				<div style="text-align: center">
					<p style="margin:0px;padding-top:10px;height:50px;color:#314396">
						CORPS DE PAGE. 1er exemple: peu de contenu, la hauteur minimum entre en action.
					</p>
				</div>
				<div class="div-min-height-bottom"></div>
			</div>
			<div class="pied">
				<div style="text-align: center">
					<p style="margin:0px;padding-top:10px;color:#feff99"> PIED</p>
				</div>
			</div>
		</div>
 		<div class="menus">
			<div style="text-align: center">
				<p style="margin:0px;padding-top:10px;color:#314396"> MENUS</p>
			</div>
		</div>
		<div class="notes">
			<div style="text-align: center">
				<p style="margin:0px;padding-top:10px;color:#314396"> NOTES</p>
			</div>
		</div>
	</div>
	<div class="header">
		<div style="text-align: center">
			<p style="margin:0px;padding-top:10px;color:#feff99"> ENTETE</p>
		</div>
	</div>
</body>
created by Ultra-Fluide