Restar dos medidas diferentes con css

[dragonfire256]

Hola buenas tardes... Tengo una pregunta con respecto a las medidas en css... Hice una plantilla con dreamweaver y el programa coloca el espacio para colocar un logotipo en el header... Mas sin embargo quiero utilizar el espacio restante para un banner... Pero tengo pensado restar el espacio para colocar dicho banner, el problema es que seria con porcentajes... Voy a poner el codigo para que se entienda mejor

Código HTML:

<div class="header"><a href="index.php"><img src="../imagenes/logo.png" alt="Insertar logotipo aquí" name="Insert_logo" width="143" height="59" id="Insert_logo" style="background: #8090AB; display:inline;" /></a> 
   <!-- end .header --></div>
 

Pero antes de eso esta declarado esto:

Código CSS:

.container {
    width: 90%;
    max-width: 1260px;/* puede que sea conveniente una anchura máxima (max-width) para evitar que este diseño sea demasiado ancho en un monitor grande. Esto mantiene una longitud de línea más legible. IE6 no respeta esta declaración. */
    min-width: 780px;/* puede que sea conveniente una anchura mínima (min-width) para evitar que este diseño sea demasiado estrecho. Esto permite que la longitud de línea sea más legible en las columnas laterales. IE6 no respeta esta declaración. */
    background: #FFF;
    margin: 0 auto; /* el valor automático de los lados, unido a la anchura, centra el diseño. No es necesario si establece la anchura de .container en el 100%. */
}
 

Quisiera hacer algo 90%-143 px para en ese espacio sobrante colocar el banner... No se si es posible hacer algo asi... Espero haberme explicado... Muchas gracias

[cristian_cena]

o usas javascript o usas algo como sass o less, las variables en css esán verdes todavía.
Luego seguramente tendrás que convertir los valores, es decir, no se puede sumar naranjas con manzanas, debes convertir ese ancho en % a px o al revés y sumar en la misma unidad de medida.

[dragonfire256]

Iniciado por cristian_cena

o usas javascript o usas algo como sass o less, las variables en css esán verdes todavía.
Luego seguramente tendrás que convertir los valores, es decir, no se puede sumar naranjas con manzanas, debes convertir ese ancho en % a px o al revés y sumar en la misma unidad de medida.

Ya habia leido algo de less, pero no me gustaria usarlo para el banner nada mas... A que te refieres con eso ultimo?... Me podrias explicar un poco?... Muchas gracias

[kseso?]

calc()

Pero tampoco lo necesitaría:
En un padre dos hijos de bloque.
El primero que aparece con una anchura definida (cualquier unidad)
El segundo sin definir anchura (o lo que es lo mismo= width:auto) ocupará el espacio que tenga disponible.

A lo anterior, añadir las propiedades para que los dos bloques comportan línea.