¿Por qué el contenido no envuelve la imagen flotada en IE7?

Consulte: http://hostingcouponsclub.com/codero-coupons .

Cuando hago clic en el more<< (arriba de la parte de la encuesta roja), ¿por qué en IE7 el contenido no se ajusta a la imagen?

Bajo Firefox y Chrome, está bien.

¿Cómo puedo hacer que el contenido se ajuste a la imagen cuando hago clic en el texto rojo more<< en IE7?

Se debe a que cuando jQuery anima (su función de mostrar / ocultar usa “lento”) hace que los elementos animados “ganen diseño”, esto hace que el texto no se ajuste: Referencia

por ejemplo, su div pr_content algo como esto con los estilos en línea (en IE7, es diferente en IE8)

Hay varias correcciones, pero también hay varias fallas. Probé algunas correcciones diferentes, como eliminar el filtro, pero también hay una falla con la función removeAttr (). Pensé que tal vez eliminaba el style attribute y usaba .css() para aplicar display:block o display: none; podría funcionar pero no hay alegría, aunque YMMV

Aquí está su jQuery existente: (desde idccoupon / scripts.js)

 $('.pr_content').hide(); $('.moreteaser').click(function() { $('.pr_teaser').hide(); $('.pr_content').toggle("slow"); $(".pr_content").attr("zoom",""); $('.moreteaser, .lessteaser').toggle(); }); $('.lessteaser').click(function() { $('.pr_content').toggle("slow"); $('.pr_teaser').show(); $('.moreteaser, .lessteaser').toggle(); }); 

Nota: el attr("zoom", ""); Lo que sé que es una solución recomendada para este problema, no funciona para eliminar la propiedad de zoom por lo que puedo decir … que es lo que encontré al intentar eliminar otras propiedades también.

Llegué a la mitad del trabajo (es decir, sin mejoras para IE) eliminando el comando “lento” solo para IE, solo significa que obtienen un show / hide instantáneo en lugar de uno “suave” … esto o simplemente permitiendo que los usuarios de IE obtengan contenido sin envolver ¿Como que acaban de tener puede ser la solución más fácil?

De todos modos, aquí está el código que usé en caso de que quieras probarlo:

 $('.pr_content, .lessteaser').hide(); $('.moreteaser, .lessteaser').click (function() { if (jQuery.browser.msie) { $('.pr_content, .prteaser, .moreteaser, .lessteaser').toggle(); } else { $('.pr_content, .prteaser, .moreteaser, .lessteaser').toggle("slow"); } }); 

Probablemente se debe a que

flota y

(que es un hermano del primero) no. Intente colocar #provider-top dentro de #node-body para ver si eso lo corrige.