3 Capas que son tres columnas

por Admin — Última modificación 05/10/2008 22:54

— archivado en: Apuntes, Ejemplo

Especifica 3 DIVs (capas) que coloca definiendo a modo de tres columnas.

3-columnas-css.html — HTML, 0Kb

Contenido del Archivo

<html>
<head>
<title> ejemplo T-Leo </title>
<style type="text/css">
/*#container {
    margin: auto;
	width: 100%;
	height:100%;
	min-width: 784;
	border: #CFA7DF 8px solid;
}*/
#leftBar{
	position: absolute;
	margin: auto;
	/*display: inline;*/
	top:0;
	left:0;
	/*min-width: 140px;*/
    width: 34%;	
	height:100%;
	background: #CFA7DF;
	border: none;
}
#mainBar{
	top:0px;
  	position: absolute;
	float: left;
	left:33%;
	right:33%; 
	min-width: 300px;
    width: 34%;
	height:100%;
    background: #000000;
	border:none;
}
#rightBar{
    position: absolute;
	top:0px;
	right: 0px;
	min-width: 300px;
    width: 34%;
	height:100%;
	background: #888888;
	padding-right: 1%;
}
</style></head>
 <body>
<div id="container">
<div id="leftBar"></div>
<div id="mainBar"></div>
<div id="rightBar"></div>
</div> <!-- container -->
</body>
</html>