[SOLUCIONADO] Problema con el tamaño de un div

[KatonSP]

Buenas, tengo dos div alineados dentro de otro que ocupa el 100% de la pantalla, uno de ellos ocupa 50px de anchura y el resto quiero que lo ocupe el tercero dinamicamente (al poner 100% se baja) pero no se me ocurre una manera de hacerlo sin usar javascript, pongo un código de ejemplo para que se entienda mejor:

Código:

<style>
    *{
        margin:0px;
        padding:0px;
    }
#uno {
    width:100%;
    height:200px;
    background-color:silver;
}
#dos {
    margin-top:10px;
    float:left;
    width:50px;
    height:180px;
    background-color:black;
}
#tres {
    margin-top:10px;
    float:left;
    width:50px;
    height:180px;
    background-color:white;
}

</style>
<div id='uno'>
    <div id='dos'></div>
    <div id='tres'></div>
</div>

Lo que quiero es que el div con id="tres" ocupe el resto de pantalla, ¿Hay alguna manera de hacerlo con css?

[jonni09lo]

Puedes hacer algo como esto:

Código CSS:

*{
        margin:0px;
        padding:0px;
    }
#uno {
    width:100%;
    height:200px;
    background-color:silver;
    display:table;
    padding:10px 0;
}
#dos {
    display:table-cell;
    width:50px;
    height:180px;
    background-color:black;
}
#tres {
    display:table-cell;
    height:180px;
    background-color:white;
}
 

Código HTML:

<div id='uno'>
    <div id='dos'>&nbps;</div>
    <div id='tres'>&nbsp;</div>
</div>
 

Demo

Saludos

[KatonSP]

Que rápido!, muchas gracias!

Saludos