Soy nuevo en CSS y tengo un problema con 1 celda...aqui va la imagen:
**intente agregar una imagen pero no me dejo por los 30 posts requeridos para poner enlaces**
Como pueden ver son 3 celdas, 2 que estan a la par y una que esta debajo de ambas. El problema es que me pongo a agregar contenido en cualquiera de las 2 celdas de arriba pero la celda de abajo no se desplaza...sino que queda fija.
Aqui esta el CSS de las 3 celdas, de la 'tabla' y del body:
Código:
body
{
background-image:url('img/bg.jpg');
background-repeat:repeat-x;
background-color:#8C8C8C;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
}
div.contenido {
position:relative;
width:724px;
margin-left:auto;
margin-right:auto;
}
div.principal {
position:absolute;
left:6px;
top:241px;
width:517px;
background-image: url('img/13.jpg');
background-color:#626262;
background-repeat:repeat-x;
}
div.caja-extra {
position:absolute;
left:529px;
top:382px;
width:189px;
background-image: url('img/17.jpg');
background-color:#626262;
background-repeat:repeat-x;
}
div.abajo {
position:absolute;
top:562px;
width:724px;
height:11px;
background-image: url(img/18.jpg);
}
Las clases 'principal' y 'caja extra' son las dos celdas superiores y 'abajo' es la que esta debajo de ambas.
Muchas gracias por su ayuda.