Foros del Web » Creando para Internet » CSS »

Alguna propiedad para el resto del ancho

Estas en el tema de Alguna propiedad para el resto del ancho en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 23/03/2009, 13:07
 
Fecha de Ingreso: marzo-2009
Mensajes: 5
Antigüedad: 8 años, 8 meses
Puntos: 0
Busqueda Alguna propiedad para el resto del ancho

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;
}
  #2 (permalink)  
Antiguo 23/03/2009, 14:04
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Alguna propiedad para el resto del ancho

A la barra tercera quítale el float left y el width, y de esa manera ocupará el espacio sobrante.
__________________
Visita mi nueva web idplus.org
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:55.