Estoy construyendo una plantilla con divs (en php.dwt).
Tengo 2 divs grandes: uno IZQUIERDO y otro DERECHO
El de margen DERECHO de 700px de ancho y 500 px de altura.
El de margen IZQUIERDO de 200px de ancho y 500 px de altura, que incluye
a) 1 div de 10px de ancho de 200 px de altura (lateral)
b) 10 divs de 190px de ancho y 20px de altura (o sea que quedan justos)
Todos flotan a la izquierda.
El problema es que al poner el div faltante en el IZQUIERDO (de 200x300 px), con el contenido, este contenido se va al DIV DERECHO y el DIV DERECHO queda abajo de la página. He estado intentando y no veo forma de arreglar esto. Aca les doy el código css para que vean (porque ya estoy podrido de no poder arreglarlo)
Cita:
Y el HTML es #derecho{ //Este es el derecho
width: 700px;
height: 500px;
float: left;
}
#izquierdo{ //Este es el izquierdo
width: 200px;
height: 500px;
float: left;
}
#lateral{ // Es uno solo
width: 10px;
height: 200px;
float: left;
}
#central{ //De estos pongo 10, cuya altura coincide con lateral
width: 190px;
height: 20px;
float: left;
}
#abajo{ //Este es cuyo contenido se va a la derecha
width: 200px;
height: 300px;
float: left;
}
width: 700px;
height: 500px;
float: left;
}
#izquierdo{ //Este es el izquierdo
width: 200px;
height: 500px;
float: left;
}
#lateral{ // Es uno solo
width: 10px;
height: 200px;
float: left;
}
#central{ //De estos pongo 10, cuya altura coincide con lateral
width: 190px;
height: 20px;
float: left;
}
#abajo{ //Este es cuyo contenido se va a la derecha
width: 200px;
height: 300px;
float: left;
}
Cita:
Conclusión final: el div izquierdo tiene 2 divs de distinto ancho (10 y 190) y luego quiero poner uno abajo de 200 px y su contenido se va al div de la derecha.<div id="izquierdo"> //Esto incluye el div izquierdo y sus divs
<div id="lateral"></div>
<div id="central"></div>
<div id="abajo"></div> //Cuyo contenido se va al div de la derecha
</div>
<div id="derecho"></div>
<div id="lateral"></div>
<div id="central"></div>
<div id="abajo"></div> //Cuyo contenido se va al div de la derecha
</div>
<div id="derecho"></div>
Gracias!
