CSS Broken in IE 8

Could you provide a screenshot?, I'm not able to understand exactly the report and can't test windows 7.

And please, tell me drupal theme too. It could be a theme issue.

Thanks.

Really strange, I have tested IE8 (8.0.6001.18702) Windows Vista and works fine. I dont see what can be different on Windows 7, and I don't think the minor version change could affect (.0.7600.16285). Anyway I'm going to update the Windows Vista to try to get that version and I'll try again.

Please let me know the drupal theme you are using to look if that affects curlypage.

Thanks with that image I see how it looks and I can think what could be happening. I'm still thinking on it. But if you confirm the small image is properly shown it should not be a theme issue.

Still updating Vista too to try the last IE update.

I'll tell you if I find the problem.

After Windows Vista update I'm still with same IE8 version, so I suppose that major version is Windows 7 only.

If you help me making a test I could definitly know if it is a IE8 on Windows 7 issue or just something different. Could you just try the example curlypage on module homepage:

http://www.curlypage.co.cc

If that one has the same problem with that browser then is a browser issue (IE8 on Windows 7), otherwise I have to continue thinking on what is wrong, I still have not clue as the big image has same CSS as small one (well they have different width and height but that cant make that right and top margins, the margins are just the same, top: 0px, right: 0px). I have tested all that came to my mind in order to try to reproduce the problem:

• Testing the resize feature.<⁄li>
• Bigger image than the configured size for the peel.
• Image with a bigger transparent canvas as the size configured for the peel.

No luck, nothing makes those top an right margins appear, testing in IE8 Windows Vista.

Please, do that test on the homepage.

If you see it correctly I only can think of reviwing your CSS, if you want I can do it. It could be, though it is really strange any CSS can exactly select the peel layer (big image) and not the flag layer (small image). It has to be something like selecting the next layer just after a div layer of your theme that affects peel layer or something like that.

This was really strange. It was very strange the small image being rendered different than the big image because both are just the same and they only differ on size, both are div layer with CSS properties for size and margins right 0 and top 0 (taking top right curlypage as example, of course), that contains a flash object. If one were rendered wrong by the browser, both should. It was strange too IE8 working different on Windows Vista and Windows 7.

So, I decided to make a test on Windows 7 with IE8 (confirmed version 8.0.7600.16385), and works fine for me. There must be something on your IE8 that is making that problem appear.

IE8 comes with a developers tools feature similar to firebug addon for firefox and with that one you can change the CSS of a webpage in your browser (anyway this is temporal CSS and as soon as the website is reloaded the temporal changes should disappear. Unless there is a way to make then persistent, I dont know if there is such a feature on the developer tools of IE8). Or maybe some other add on you have installed can be the cause.

I can't think of anything else.

If someone else could test how curlypage appears on his IE8 in Windows 7 OS and reports his test could be helpful too.

No problem with the Curlypage and the their themes css.. but, The problem is Internet Explorer and Windows 7 :D (still hard thinking too..),

Or maybe we can send this report to Bill Gates to fix it.. :D

Thanks a lot for the test, I was not sure if I had tested 64bit or 32bit version and was just the only thing to determine if there were something different.

So your test finally clarify it all, IE8 on Windows7 32bit is not properly displaying the curlypages.

Is now less strange too if it affects both small and big images. Something is wrong on that specific browser rendering, I cant imagine what is exactly. What I see is that the margins are proportional to the sizes, again strange, I cant understand what the browser is doing at all. :)

Anyway a lot of other OS/browser combinations, the major ones, are tested and I think have no problem displaying the curlypage properly and most Windows7 system should be 64bit.

I don't think there is a workaround to that problem with Windows7 32bits because the CSS are all fine, so I hope microsoft solves it in future updates. Anyway If I find any doc of what can be the problem and can solve the issue would try to.

Please if someone find in a future update of Windows7 32bit that the problem is solved report here.

Thanks for the report.

by Microsoft: Fixed curlypage problems with IE8 on Windows 7 32bits. :)

Thanks a lot for reporting it.