jueves, 2 de octubre de 2008

Maquetar con css y hacer tablas

<style type="text/css">

.Contenedor
{
width:500px;
margin: auto;
}

.Fila{
width:100%;
height:35px;
position:relative;
}

.Columna
{
position:absolute;
top:0px;
white-space:nowrap;
}


.C01{left:0px;}
.C02{left:200px;}
.C03{left:400px;}


.color1{
background: #ffa500;
}

.color2{
background: #87ceeb;
}

.color3{
background: #ffff00;
}

.color4{
background: #FFFFa4;
}


</style>




<div class="Contenedor color4">

<div class="Fila">
<div class="Columna C01 color1">
0px
</div>
<div class="Columna C02 color2">
200px
</div>
<div class="Columna C03 color3 ">
400px
</div>
</div>


<div class="Fila">
<div class="Columna C01 color1">
0px
</div>
<div class="Columna C02 color2">
200px
</div>
<div class="Columna C03 color3 ">
400px
</div>
</div>

</div>





.

No hay comentarios: