Hola, mi consulta es la siguiente:
Dentro de un div, quiero tener cuatro divs que se dispongan de la siguiente manera:
1 2
3 4
Y que se mantengan siempre asi, sin importar el contendio que lleven dentro, ademas quiero que la altura de cada uno de ellos tambien se adapte a su contenido, es decir no tener que estar asignandole una altura fija segun lo que lleven dentro que va a ser texto.
Me pasa que cuando vario el contenido del contenedor1, el contenedor de abajo, es decir el 3 se corre hacia la derecha y no queda como yo quiero.
Aqui les va el codigo:
CSS
Código:
/*Contenedor de los cuatro divs*/
#page {
width: 980px;
text-align: justify;
margin-top: 15px;
margin-right: auto;
margin-bottom: 45px;
margin-left: auto;
position:relative;
}
#contenedor1 {
float: left;
width:457px;
text-align: center;
margin-top: 10px;
}
#contenedor2{
float: right;
width:457px;
margin-top: 10px;
}
#contenedor3{
float:left;
width:457px;
margin-top: 20px;
margin-bottom:45px;
margin-right:66px;
}
#contenedor4{
float:right;
width:457px;
margin-top: 20px;
}
HTML
Código HTML:
<div id="page">
<div id="contenedor1">
</div>
<div id="contenedor2">
</div>
<div id="contenedor3">
</div>
<div id = "contenedor4">
</div>
</div> Muchas gracias!