Ver Mensaje Individual
  #1 (permalink)  
Antiguo 04/12/2010, 13:02
Portgaz
 
Fecha de Ingreso: diciembre-2010
Ubicación: en el fin del mundo
Mensajes: 199
Antigüedad: 13 años, 4 meses
Puntos: 3
Pregunta alineando 3 divs relativamente.

Hola amigos.
Mire, quiero lograr algo como la siguiente imagen:
http://i52.tinypic.com/10frz0l.jpg

y he utilizado el siguiente codigo, pero el 3 div, no logro alinearlo relativamente con los otros dos.
queda abajo, como si tuviera un <br />, pero no lo tengo.

Aqi les dejo el code:

Código HTML:
<html>
<head>
<title>Portgaz</title>
<style type="text/css">

body {
background:#D8D8D8;
}

#bodo {
background:#8181F7;
margin:auto;
width:90%;
height:500px;
}

#div1 {
background:#0B0B61;
width:25%;
height:500px;
float:left;
z-index:1;
}

#div2 {
background:#0B0B61;
margin-left:auto;
margin-right:auto;
width:35%;
height:500px;
z-index:2;
}

#div3 {
background:#0B0B61;
width:25%;
height:500px;
float:right;
z-index:3;
}

</style>
</head>
<body>

<div id="bodo">

<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>

</div>

</body>
</html> 
Espero su ayuda, Gracias.