Problema con CSS y DIVs

Citar

Escrito el 23 Feb 2009 08:46 pm

tengo el siguiente problema, iniciandome en css me encuentro con el siguiente problema: la estructura debe quedar asi, pero no logro encontrar la forma de que el div 5 se desplace al final,

nose donde me entrampe... (ya no razono...) :zzz:

Código :

<body>
<div id="contenedor"> 
   <div class="div1">div1</div>  
    <div class="div2">div2</div>
    <div class="cuerpo"> 
    <div class="div3">div3</div>      
    <div class="div4">div4</div>
    </div>
    <div class="div5">div5</div>
</div>
</body>

y el css

Código :

* {padding: 0; margin: 0;}

body {
   background-color:#FFF;
   text-align : justify;
}


#contenedor {
   background-color:#DDE6AC;
   margin: 0 auto;
   width:700px;
   height:auto;
   border: 1px solid #F00;
}


.div1{
   width:698px;
   height:50px;
   background-color:#CC9933;
   border: 1px solid #F00;
}

.div2{
   width:98px;
   height:200px;
   background-color:#EFEFEF;
   border: 1px solid #F00;
   float:left;
}

.cuerpo {
    width:598px;   
   float: right;
   position: relative;
   border: 1px solid #F00;
}

.div3{
   position: absolute;
   top: 0px; left: 0px;
   width:500px;
   height:50px;
   background-color:#FFFFDD;
   border: 1px solid #F00;
}

.div4{
   clear:both;
   position: absolute;
   top: 50px; left: 0px;
   width:500px;
   height:250px;
   background-color:#FFF;
   border: 1px solid #F00;
}

.div5{
   width:698px;
   height:30px;
   background-color:#FFF;
   border: 1px solid #F00;
}

Plis, al menos una idea de que rayos esta mal, muy agradecido

Por Kaltazor

16 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email Web

Patiperro Viajero

Citar

Escrito el 24 Feb 2009 12:43 am

No debes usar posiciones absolutas en ninguno de esos divs, para este tipo de paginas solo flotantes, div 3 y div4 no necesitan el absoluto, y div5 necesita un clear: both; para poder ubicarse debajo de los flotantes.

Por drarock

Claber