Hace mucho tiempo que no hago nada web y mis conocimientos en CSS no son muy allá, por eso me he puesto a ver si conseguía hacer una cosa:
La Idea es la siguiente, 3 columnas, cada una con su imagen de fondo, la de la izquierda y la central tienen un ancho determinado (fijo) pero la de la derecha se adapta al contenedor (div) anterior, tomando el espacio sobrante. Hace ya algunos años, cuando se maquetaba con tablas, lo hacía con width="*" pero ahora con CSS y HTML ni idea. Los códigos son los siguientes:
Código HTML:
<div class="colizquierda">
<!--- Columna izquierda: Inicio -->
<div class="divmenu">
<div class="barraprimerarosa">
</div>
<div class="barrasegundarosa">
</div>
<div class="barratercerarosa">
</div>
</div>
</div>
Código:
.barraprimerarosa {
float: left;
background: url(../img/pinktitleside.jpg);
height: 21px;
width: 28px;
background-repeat: repeat-x;
}
.barrasegundarosa {
background: url(../img/pinktitlecenter.jpg);
float: left;
width: 140px;
height: 21px;
background-repeat: repeat-x;
}
.barratercerarosa {
background: url(../img/pinktitleside.jpg);
width: 100;
float: left;
height: 21px;
background-repeat: repeat-x;
}