Superposicion de Divs, problema del codigo o del Navegador?

[datcom]

Tengo el problema en la siguiente pagina funnylemon.com.ar que en la solapa "fincasylotes" con el Google Chrome los articulos me pisan el footer. En otros navegadores no me pasa lo mismo.

El Footer esta fuera del contenedor.
Y los arituclos dentro.

Porque sucede esto?, Gracias chicos.

[DrFaust]

Es rarísimo lo que le pasa a tu página. Estuve analizando los estilos y no encontré ninguna razón para que suceda eso.

Por el momento, hacé lo siguiente. Agregá un div entre el contenido y el pie de página con el siguiente estilo:

clear:both;

[datcom]

HOla si lo que sucede agregando el div que me sugeris es lo siguiente:
Si, se deja de pisar el footer pero digamos el último artiulo queda flotando fuera del contenedor . no llega a pisar el footer pero queda fuera del recuadro blanco del contenedor.


Es rarisimo.

[IsaBelM]

después de cerrar #columnaright añade lo que ya te han mencionado

<div style="clear:both"></div>

y al height de #wraper le das el valor auto

[buzu]

lo primero que ve oes que tu wrapper tiene una altura determinada de 750px. El problema es que #presentación se pasa de los 750px de alto, y de hecho renderiza a 858px. lo curioso entonces es que otros navegadores lo renderizen bien. Voy a tomar un vistazo.

[buzu]

OK, pArece ser que el problema es que los elementos de tu lista (#presentacion) renderizan más altos en chrome. Estos pocos pixeles de más en cada elemento se estan sumando y al final te resulta en un contenedor mucho más alto en chorme que en otros navegadores.
Esta diferencia de alturas parece ser causada por un margen que aparece en tus .ban1. Para solucionarlo, solo basta con agregar esto:

margin: 0;

A tus reglas en el selector .ban1 (linea 525 de scrolling.css)

[IsaBelM]

buzu, la solución que presentas es válida siempre y cuando no se agreguen nuevas filas. por cierto edito mi anterior post por que el div no se coloca antes sino después

[datcom]

Iniciado por IsaBelM

después de cerrar #columnaright añade lo que ya te han mencionado

y al height de #wraper le das el valor auto

Barbaro! Ahora si gente, solucionado.
Gracias IsabelM .


PD: Aun no comprendi tecnicamente que fue lo que hizo esos cambios de isabelm, pero quedo bien.

[buzu]

lo que propone isabel logra que el div se expanda. De hecho no es necesario, ni semantiv=camente recomencable agregar el elemento con clear:both, se puede corregisr el asunto del crecimiento de contenendores con hijos flotantes de forma sencilla mediante el uso de overflow, pero la sugerencia de Isabel es sin duda una fora de solucionar el problems. El height es simplemente para que los divs crescan segun sea necesario en lugar de tener una altura definida la cual pueda ser o no la necearia.

Yo te recomendar[ia que apliques tambi[en los cambios que te sugerí de modo que logres mayor consistencia en tu diseño, pero estos cambios no son necesarios como los sugeridos por Isabel.

[datcom]

ahora si, que bárbaro gracias por la explicación bezu y gracias isabelM por la solución.
Saludos

Nos vemos la próxima inquietud hnos

[buzu]

me tomé el tiempo de explicarte, en retorno te hubieras tomado el tiempo de escribir bien mi nombre :(

Un error de dedo me imagino, suele pasar.