Maquetación 3 columnas con ancho automático

atoleon · #1 (**permalink**) 26/09/2009, 20:17

Hol@

estoy tratando de crear una página con estructura de 3 columnas donde la columna del medio tiene un ancho fijo y las dos columnas laterales tienen un ancho automático.
El problema está en que las columnas laterales no tienen contenido sino una imagen de fondo que se repite en el eje x y cuyo fin es decorativo. Y como no tienen contenido y el ancho es auto pues no crecen a lo ancho y no cumplen su objetivo estético.
Mi pregunta es si existe alguna manera de que las columnas laterales con ancho auto ocupen todo el espacio.

un saludo a todos y gracias una vez más.

jomaruro · #2 (**permalink**) 27/09/2009, 02:35

Hola:

Sería mejor que pusieras todo tu código HTML y CSS para poder ayudarte porque sin verlo es difícil.

De todas formas mira si el contenedor de las columnas tiene dimensiones definidas.

Saludos.

atoleon · #3 (**permalink**) 27/09/2009, 05:48

esto es el codigo de las 3 columnas:

Código HTML:

<body>

<div id="container">
	<div id="cabecera_i"><!--ESTO ES UN DIV VACIO QUE SOLO SIRVE COMO DECORATIVO--></div>

	<div id="cabecera">
	aqui va la cabecera
	</div>

	<div id="cabecera_d"><!--ESTO ES UN DIV VACIO QUE SOLO SIRVE COMO DECORATIVO--></div>
</div>

</body>

Este es el archivo de hojas de estilo:

Código:

/*** ESTILO DE LA PÁGINA ***/
body {
	background: #04283b url(../images/fondo.gif) top no-repeat;
}

/*** CLASES PROPIAS ***/
#container {
	width: auto;
}
#cabecera_i {
	width: auto;
	background: red;
	float: left;
}
#cabecera_d {
	width: auto;
	background: red;
	float: right;
}

#cabecera {
	width: 928px;
	height: 227px;
	background: green;
	margin: 0 auto 0 auto;
}

Lo único que quiero es que las columnas laterales ocupen el ancho completo de la pantalla menos lo que ocupe la columna de enmedio. Ahora aparce el fondo con colores pero en realidad será rellenado con imagen de fondo como el típico repeat-x.
El problema está en que como las columnas laterales es que el ancho es automático y como no tienen contenido pues no crecen a lo ancho y no ocupan el espacio para completar la pantalla, sino que me queda una columna cabecera que ocupa su sitio correctamente en el medio y dos columnas a los laterales que no ocupan más que un milimetro de ancho.