Gente,
Anteriormente habia consultado, pero creo que con algo de ayuda (clear: both;) pude solucionar
parte del problema.
El asunto es que si uds ven la imagen abajo veran que el sitio esta estructurado en su contenido con div's de 4 columnas (omitamos errores de validacion con W3), sin embargo, el contenido de cada Div (columna) es distinto por lo que me queda un hueco AZUL que pertenece al background.
Por lo que decidi encerrar esas columnas en otro DIV general y darle la propiedad de background-color:#FFFFFF sin embargo no sucede.
Alguien me podria explicar como solucionarlo, es decir que se vea el fondo blanco en ambas columnas hasta el final, asumiendo que los contenidos puedan variar y el jugar con el padding-bottom:xxxpx no sea la solucion:
Adjunto el contenido de mi CSS:
Código:
#content-ColA {
background-color:#FFFFFF;
width: 346px;
float: left;
padding: 5px;
}
#content-ColB {
background:#FFFFFF;
background-image:url(../images/segmento_columna.gif);
background-repeat: repeat-y;
width: 284px;
float: left;
padding: 5px;
padding-bottom:15px;
}
#content-ColC {
background-color:#FFFFFF;
width: 190px;
float: left;
padding: 5px;
padding-bottom:83px;
}
#content-ColD {
background-color:#FFFFFF;
width: 164px;
float: left;
padding: 5px;
padding-bottom:105px;
}
este es el problema visualmente hablando
