[SOLUCIONADO] Columna derecha con tamaño y fijo y izquierda flexible

[Luisa29]

Hola amigos, puede que mi duda sea un poco tonta pero no logro hacer lo que quiero con un div.



Veréis quiero hacer una web responsive, pero quiero que el div 2 tenga siempre la misma anchura, y sólo se haga pequeño el 3, el 1 y el pie.

El div que lo contiene todo tiene una anchura en porcentaje, también el div 1 y el 3. El div 3 en este caso tiene 70% y el 2 un 30%. Pero quiero que el div 2 tenga una anchura fija en píxeles. Al ponerla y al modificar la resolución el div 3 se descoloca y se pone debajo.

¿Cómo podría hacerlo? espero que se me entienda.

[AngelKrak]

algo asi no te sirve?
http://codepen.io/AngelKrak/pen/pjVRMG

[Luisa29]

Iniciado por AngelKrak

algo asi no te sirve?
http://codepen.io/AngelKrak/pen/pjVRMG

Lo que sucede con esas medidas es que el tamaño también se hace pequeño, como los porcentajes. Necesito que el div 2 no cambie de tamaño.

[ArturoGallegos]

lo que buscas es la funcion calc() de CSS

seria por ejemplo

Código CSS:

.col2{width:200px;float:left;}
.col3{width:calc(100% - 215px);float:right;}
 

Código HTML:

<div class="container">
        <div class="col2"></div>
        <div class="col3"></div>
    </div>
 

[Luisa29]

Iniciado por ArturoGallegos

lo que buscas es la funcion calc() de CSS

seria por ejemplo

Código CSS:

.col2{width:200px;float:left;}
.col3{width:calc(100% - 215px);float:right;}
 

Código HTML:

<div class="container">
        <div class="col2"></div>
        <div class="col3"></div>
    </div>
 

BRUTAL !!!!!!!! Graciasssss