15/02/2007, 18:43
|
 | Colaborador | | Fecha de Ingreso: octubre-2006 Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses Puntos: 280 | |
| Re: Colocar capas en forma de tabla
Prueba este código:
Código:
<!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>
<title>solicion alternativa</title>
<style type="text/css">
#contenedor { margin: auto;
position: relative;
width: 750px;
}
.fila1, .fila2, .fila3 { border: 1px solid rgb(0, 0, 76);
width: 33%;
float: left;
margin-left: auto;
margin-right: auto;
display: block;
height: 30px;
}
.fila1 { background-color: rgb(102, 204, 204);
}
.fila2 { background-color: rgb(51, 153, 153);
}
.fila3 { background-color: rgb(51, 102, 102);
}
</style>
</head>
<body>
<div id="contenedor">
<div class="fila1"></div>
<div class="fila1"></div>
<div class="fila1"></div>
<div class="fila2"></div>
<div class="fila2"></div>
<div class="fila2"></div>
<div class="fila3"></div>
<div class="fila3"></div>
<div class="fila3"></div>
</div>
</body>
</html>
Mikel. |