Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.4 is a product of Lussumo. More Information: Documentation, Community Support.
-
Hi. I'm having trouble dealing with a strange bug in IE7 and IE6. The page is rendered fine by FF, Opera and Safari, but I can't get it to work in IE. I'm going crazy. You can look here what's happening:
http://panamericano.travel/archivos/test.htm
The text left of the image sometimes shows and sometime it doesn't and when you scroll in IE7 it sometimes dissapear (when the orange div is on top), and in IE6 it never shows unless you select the text or scroll. If you go to another sections of the page you'll see it working as it should. It also moves the div a little bit to the left.
This only seams to be happening when the image is higher than the text to it's left. If I add some <br>s to the bottom of the text it renders correctly. If works different on different subversions of IE7.
What can be happening?
Another thing I couldn't solve is the orange div that's supossed to be on the top left corner of the page, but IE6 doesn't render it correctly. But that is not so important as the other one I have no idea how to fix.
I've tried lots of different ways trying to make it work but I couldn't so far. If anyone could take little time to see what I'm doing wrong, or how to fix this in IE I would really appreciate it.
Thank you. -
I had that problem with the disappearing text in IE7 recently - and I think this is how I fixed it (although I am not certain, now...)
Try adding this:
<!--[if lte IE 7]>
<style type="text/css">
.area#principal div {
overflow: hidden;
}
</style>
<![endif]-->
1 to 2 of 2