Problema con "float"...

[The Stranger]

Llevo como 3 semanas que sustiuí completamente el uso de tablas por CSS, y estoy bastante contento con la decisión. Hasta hace poco logré hacer un buen maqueteado (layout) de una página que tenía antes hecha con tablas

Sin embargo el diesño no era del todo bueno, y fue un tiempo después que encontre la propiedad "float" que me ayudó drasticamente...

Pero vamos, el problema es el siguiente: Mi página tiene una columna izquierda, una columna derecha y todo el contenido en medio (contenido a su ves que tiene otras 2 columnas). Lo que no he logrado al usar la propiedad "float" es que las columnas "se alarguen" de acuerdo al contenido, (mis columnas tienen fondo negro, y quiero que se vea este fondo hasta el pie de pagina).

Ya intente usar "height" con todo lo que se me ocurre y no lo logro...

Cuando usaba la otra "tecnica" de insertar etiquetas <div> dentro de otras si crecían con el contenido...

Bueno, espero que alguien me pueda ayudar con este problema...

Un Saludo!

[jesusbet]

usa un div con la propiedad clear:both, en los estilos.

Mira: www.uanl.mx

Como ves, es un layout de 3 columnas, los sidebars NO crecen hasta el pie de la página, sino que el efecto se logra con un background para las tres columnas, después se acomodan con css...

saludetes

[jesusbet]

por cierto, no es necesario flotar todos los elementos para un layout multicolumnas, por ejemplo, en un layout de 2 columnas solo flotas uno a la izquierda|derecha y al otro le das margen izquierdo|derecho

saludetes