CSS Help: Weird IE bug when displaying DIVs
March 17, 2005 1:48 PM   Subscribe

CSSfilter: Help with weird IE bug when displaying DIVs?

The following temp page:


seems to render fine in Safari and Firefox. Unfortunately in XP / IE 6, the two DIV box sets in the bottom of the two columns (the lower "Left Side" and "Title" boxes) break/collapse/distort when viewing the page in IE. You can see the renders distort/change when scrolling the page. The problem seems strange because the upper versions of the boxes (containing the same set of DIVs) display correctly.

Does anyone have any idea why this is happening? Really appreciate any help with this problem.
posted by jca to Computers & Internet (8 answers total)
While I can't explain why it's happening, applying IE7 to the page with the Favelet seems to fix the corruption. This may mean that it's a box model bug.
posted by zsazsa at 2:05 PM on March 17, 2005

Response by poster: What is this IE7 favelet you speak of?
posted by jca at 2:35 PM on March 17, 2005

This link should explain how to get arround the annoying fact that IE fails to fully support CSS.
posted by nitsuj at 2:46 PM on March 17, 2005

IE7 is a big Javascript file that fixes a lot of IE CSS bugs and shortcomings. It's a bit large and can slow down older computers, so it's not exactly a panacea.
posted by zsazsa at 2:51 PM on March 17, 2005

Response by poster: Is this really a box model hack problem? I thought that hack referred to Win IE 5.0 and not IE 6.0. Also, if it's a box model problem, why are the two upper boxes (with identical divs) unaffected?
posted by jca at 2:58 PM on March 17, 2005

For in-depth analysis of how IE bugs gets triggered, Position Is Everything is da bomb. But if you don't want to melt your brain with that much info, the simplest thing to do is
  1. force IE into standards mode and apply IE7
  2. write for standards-compliance, and confirm that the markup and CSS both validate, then
  3. concentrate on the handful of bugs left over
Otherwise the sheer number and perversity of IE CSS bugs will drive you batshit. Hack around one, it triggers several even more obscure ones. Agh.

zaszsa, thanks for pointing out that favelet link. Very handy.
posted by nakedcodemonkey at 3:20 PM on March 17, 2005

I don't really see where it's a box model issue (or why you'd want to dump all that IE7 JavaScript in to fix one small display issue). Is there a reason for using "background-attachment: fixed;" on either of the background images you have it on? Try removing that first. If that doesn't do it, send me an email and I'll be happy to take another look.
posted by yerfatma at 8:16 AM on March 19, 2005

Response by poster: Well, it's definitely a problem with IE not expanding the divs correctly -- but every "clear" div trick/hack I've tried hasn't removed the problem completely.
posted by jca at 12:43 PM on March 21, 2005

« Older How do I get my mitts on good, local, legal email...   |   That movie with the animated corpse Newer »
This thread is closed to new comments.