Tengo el siguiente código, es un ejemplo simple.
Código PHP:
#contenedor_control
{position:absolute;
border:1px solid;
width:100%;}
#izquierda
{float:left;
border:1px solid black;
width:120px;
padding:10px;
height:400px;}
#derecha
{float:right;
border:1px solid black;
width:xxxx; (quiero que ocupe el resto de la pantalla)
padding:10px;
background:#cccccc;}
Código PHP:
<div id='contenedor_control'>
<div id='izquierda'>
izquierda
</div>
<div id='derecha'>
derecha
</div>
</div>
Lo que quiero es que el contenedor principal ocupe toda la pantalla, luego la columna izquierda ocupe un ancho fijo, pero la columna derecha ocupe el resto de la pantalla. ¿como se hace?
Además tengo el otro incoveniente de que, si la columna derecha le pongo un ancho fijo, al reducir la pantalla, esta columna se desplaza hacia abajo de la izquierda, ¿como evito esto?
Estoy atascado en esto que parece fácil, pero no llego a hacerlo.
Gracias a todos.