Contenedor al 100% con dos columnas. Me falla

[gogupe]

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.

[Ryo]

Te recomiendo que para estas cosas uses medidas relativas y no absolutas. Por ejemplo, puedes hacer que la columna izquierda tenga un ancho del 15% (si quieres, puedes complementarlo con un ancho fijo en la propiedad max-width) y la derecha el resto, esto es, el 85%. Si pones el max-width, tal vez te interese que la columna derecha tenga el 100% del ancho, por si acaso (no creo que afecte al resto).

[gogupe]

Bueno, no era lo que buscaba pero me puede servir... el problema que veo que tengo que jugar con las proporciones, ya que si la pantalla se hace pequeña, la columna derecha se desplaza hacia abajo.

Gracias.

[gogupe]

Pues nada, solo decir, que al final tengo que recurrir a las tablas dentro de un div contenedor, se me ha hecho un mundo para hacer una tontería... yo no se a los demás, pero a veces las tablas va mejor (no para todo) que las clases de estilos.

Un saludo.

[Ryo]

Las tablas no van mejor para lo que tú quieres. Plantean una serie de problemas si se usan para estas cosas (scroll horizontal en ventana o resolución pequeñas, tener que seguir la estructura de tabla aunque en realidad no sea una tabla, perpetuar el uso de tablas para algo para lo que no fueron diseñadas, dificultad para aplicar un diseño distinto a la misma maquetación...) aunque no te has dado cuenta de ello. Si se hace bien, separar maquetación y diseño tiene bastantes ventajas. Eso sí, es más fácil usar tablas.