Tengo este css
Código:
#leftside{
left:0px;
top:0px;
position:absolute;
width:220px;
height: auto!important;
min-height: 100%;
height: 100%;
background:#2F74B1 url('../images/administracion/later_adm.gif');
background-repeat:repeat-x;
text-align:right;
}
#rightside{
top:0px;
left:220px;
position:absolute;
width:100%;
height: auto!important;
min-height: 80%;
height: 80%;
background:#faffff url('../images/administracion/curv_admin.gif') no-repeat top left;
clear:right;
}
Se corresponden a una página donde hay dos columnas el de la izquierda tiene siemple ese tamaño. El de la derecha necesito que se adapte al ancho de pantalla que queda. El problema es que en el width de rightside si le pongo el 100% tal como está me incluye lo que queda más los 220px de leftside y me aparece el scroll horizontal de la pantalla. La propiedad auto tampoco sirve porque depende del contenido.
En difinitiva la primera columna es de ancho fijo y necesito que la segunda coja siempre el ancho de pantalla. Gracias de antemano.