Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What are some CSS bugs in IE?

I've found some references to bugs or issues in IE's interpretation of CSS, but the information seems rather scattered. I'd like to have a pointer to a comprehensive overview, if such an overview exists.

edit: it's already something that Microsoft is willing to list IE's CSS problems (thanks mouviciel->sanchothefat), but they're not going to offer workarounds, obviously. So workarounds would be nice too.

Thanks

like image 578
stevenvh Avatar asked Nov 30 '22 12:11

stevenvh


2 Answers

Check out Quirks Mode. It is a great resource for CSS compatibility across browsers.

like image 171
Paolo Bergantino Avatar answered Dec 04 '22 05:12

Paolo Bergantino


I find the best policy to avoid pain is to follow these rules:

  1. Build in a more-compliant and developer-friendly browser like firefox first, test thoroughly in IE (and safari/chrome(webkit) and opera) later
  2. Use a strict doctype- avoid quirks mode, since quirks are by definition not standard
  3. Use a reset style sheet
  4. Use a javascript framework like jQuery or Prototype - they can hide some javascript and DOM incompatibilities.
  5. Use good semantic layout- it's more likely to degrade nicely for a mis-behaving browser
  6. Accept that it won't be perfect and don't sweat the really small variances

Follow those rules I don't have as many problems in the first place.

like image 20
Joel Coehoorn Avatar answered Dec 04 '22 07:12

Joel Coehoorn