alinear tres columnas

Hola chicos,tengo una pregunta....quiero poner con CSS dos columnas,una en el extremo izquierdo y otra en el extremo derecho (ambas con medida) y en medio de las dos una caja o div que pueda cambiar su tamano segun aumente o disminuya su contenido.Como lo hago??Alguien me podra decir?
gracias!!

Es probable que este tutorial te ayude bastante.

Esto es lo que buscas.

Hola muy bien, los ejemplos....pero me sucede una cosa.Yo quiero agregar contenido al div del centro o principal y que este empuje al de al lado (al de la derecha), y no que el contenido sobrepase al div que se situa a la derecha.Como puedo hacer esto?Alguine me explica?
gracias tabarich

tabarich escribió:

\Hola muy bien, los ejemplos....pero me sucede una cosa.Yo quiero agregar contenido al div del centro o principal y que este empuje al de al lado (al de la derecha), y no que el contenido sobrepase al div que se situa a la derecha.Como puedo hacer esto?Alguine me explica?
gracias tabarich

Pon un ejemplo, en mi caso crei que querias tener columnas que crecieran igual en height, pero ahora creo que dices que dependiendo del contenido la div principal o del centro crezca hacia los lados y las otras se vuelvan más pequeñas? Yo mi no entender.

.izquierda{
background-image:url(imag/img_left.gif);
background-repeat:no-repeat;
width:200px;
height:460px;
margin:0;
float:left;
clear:both;
padding:3px;
}


.derecha{
width:200px;
height:460px;
background-image:url(imag/img_right.gif);
background-repeat:no-repeat;
margin:0;
float:right; clear:right;

}

.principal{
/*width:300px;*/
height:auto;
background-color:#FFF;
margin:0 220px 0 220px;
padding:10px;
}
.footer{
clear:both;
height:30px;
background-color:#FFF;
padding:8px;

}

estos son los divs qu etengo ....quisiera como bien dices que el del medio creciera segun el contenido y no sobrepasara al de la derecha cuando el contenido crece....porejemplo si escribo mucho texto..me podras ayudar?

tabarich escribió:

\Holaaa alguien me puede ayudar??!!!!!SOS...PLASE.
gracias.
Tabarich

tabarich por favor ten paciencia, ya se te ha intentado ayudar pero también debes poner de tu parte, explicar mejor y no seas impaciente, recuerda que esto es un foro, no un servicio de ayuda 24/7. También si pones una url donde esté lo que has hecho es mucho mejor, porque así se puede ver el problema con mayor claridad.

Don tabarich como dice Zarzamora ten paciencia, relajate, respira profundo, haz una pausa activa y ahora pon un ejemplo de lo que quieres hacer y de lo que llevas incluyendo el html.

Me encantaría ayudarte, pero no entiendo esta parte:

tabarich escribió:

En el ejemplo que te pasé eso no pasa, a no ser que te refieras a otra cosa.

ryuz escribió:

Eso suena al problema del modelo de cajas con IE6. Cuando el hijo es más grande que el padre (y el padre tiene un tamaño especifico) el padre aumenta su tamaño. En el resto de navegadores actuales no pasa esto (incluyendo a IE7).

Tratare de explicarme nuevamente....tengo tres columnas:
columna-1 (situada a la izquireda),
columna-2 (situada al centro),
columna-3 (situada a la derecha),
que estan metidas a su vez en una caja que las contienes que se llamara "caja de columnas" .
Necesito que cuando escriba en la caja del centro (colunma-2),esta empuje a la columna-3 y no que el contenido de la caja del centro (columna-2) pase por encima de la columna de la derecha....es justamente lo que necesito.....por si no me explique pudiera sumarme a tu messenguer de yahoo?
gracias
lucia

Te refieres a que las tres columnas tengan la misma altura?

Yo aun sigo sin entender. Podrías mostrarnos un ejemplo más claro de lo que quieres con una imagen o una página que hayas visto que se comporte igual, por favor.

¿A que te refieres con Empujar?

Yo creo que lo que quiere es que la pagina sea 100% de ancho... entonces quiere tener una caja a la izquierda para usar de menu en el centro otra caja que este con la info y a la derecha otra caja para mm nose propagandas....


entonces el usuario vea la pagina en 800x600 o en 1024*768 va a ver la pagina totalmente completa de lado a lado siendo la caja del centro la que se expande.... (algo asi como en los foros phpbb predeterminados solo qeu en estos no existe la columna de la derecha)


Espero haber dado una mano para que se etienda, lastima que no puedo ayudar...


PD: disculpas por si entendi mal pero creo que es lo qu eesta queriendo hacer


EDIT: creo que la solucion te la dieron en el segundo post...

http://www.dynamicdrive.com/style/layouts/item/css-liquid-layout-31-fixed-fluid-fixed/