While working on new layouts, every now and then I am stumbling over some difficulties with the world’s worst browser and its incompability:
the beloved Internet Explorer.
Ignoring it is not the best way, because still 48% are using IE6, 42% are settled on IE7, so how to avoid or use Internet Explorer specific CSS hacks? Experimenting with workarounds is a good way, but needs endless time and sometimes it’s not solving the issue, only masking it with an IE oriented stylesheet.
Most new created layouts will work in every other browser, like FireFox, Opera, Safari or Konqueror, but in IE there are always issues with margins and paddings. The creative flow stops suddenly, when you realize, that the cool new layout won’t work in IE, so how to cover that? Use hacks or try avoiding experiments with CSS?
I have quite a few not published CSS designs not working probably in IE, and I am not the only one with this issue.
Some work arounds and hacks for IE:
- Setting maximum height in IE
Perishable Press has a good work around for the maximum/minimum height and width - Png fix for IE
Rogie shows so far the easiest tip for Png fixes on IE - Another hack tip
All of the hacks will evolve around CSS. - Flowing and Positioning: Two Page Models
Even Support files included - Essentials of CSS Hacking
The alpha and the omega of IE hacking are IE’s conditional comments. - The demise of CSS hacks and broken pages
IE’s crew: Example how easy it is to fall into the CSS hack trap - Box Model Hack
Tantek’s Box Model Hack - JavaScript library to make IE behave like a standards-compliant browserNot loading, but maybe it’s my browser?
- Internet Explorer CSS issues
Page elements are narrower in Internet Explorer - Avoiding CSS Hacks for Internet Explorer
Another round of IE Hacks - Max-width in Internet Explorer
Setting max width in IE - CSS Modifications needed for IE7
Positioniseverything with most IE hacks exposed - CSS filter for IE7
Wikipedia article on CSS filter for IE7 - IE browser detection
How browser detection using CSS hacks works - IE CSS png Fix
Alistapart article on Cross-Browser Variable Opacity with PNG
And Nick La wants tom trash ALL IE hacks, what might be a good idea, IF clients doesn’t know that the IE browser exists…
on Jan16 07[...] 3oneseven - internet explorer hacks a lost of useful links posted by priscaJanuary 15th, 2008 filed in handcoding, IE solutions, quickTips [...]