Ver Mensaje Individual
  #4 (permalink)  
Antiguo 29/04/2013, 09:14
al_limon
 
Fecha de Ingreso: agosto-2012
Ubicación: Barcelona
Mensajes: 47
Antigüedad: 11 años, 8 meses
Puntos: 0
Respuesta: Meter varios DIVS en un Div

Hellooo!!!

Tienes un lio importante en ese código... :S
Para lo que quieres hacer, necesitas posicionar el contenedor padre, si no, todo andará por ahí flotando y después anidar los estilos (por separado) de lefter y footer dentro del padre.

Como te indican, en el html también tienes incoherencias importantes...

En fin, de todos modos, te adjunto un código, que creo que es lo que necesitas... :)

Cita:
<html>
<head>
<style type="text/css">
#contenido
{
position:absolute;
left:50%;
margin-left:-500px;
width: 1000px;
min-height: 700px; /*con esto, no se qué pretendes..*/
border:1px solid #99CC66;
}
#corpus {
background: #000 url(fondo.jpg) no-repeat top center;
background-repeat:no-repeat;
}
#contenido .header {
position:absolute;
top:0;
left:0;
width:1000px;
height:200px;
background-color: #CCC; /*le pongo color de fondo para que lo distingas*/
}
#contenido .lefter {
position:absolute;
top:200px;
left:0;
width:230px;
height:400px;
background-color: #999; /*le pongo color de fondo para que lo distingas*/
}
#contenido .footer {
position:absolute;
bottom:0;
height: 100px;
width: 1000px;
background-color: #CCC; /*le pongo color de fondo para que lo distingas*/
}
</style>
</head>

<body id="corpus">
<div id="contenido">
<div class="header">

</div>

<div class="lefter">
inserta el contenido
</div>

<div class="footer">
inserta el contenido
</div>
</div>
</body>
</html>