I'm doing the front-end development for http://kevinvancrawford.com/webcon/, and as simple as the design is, I've been running into a lot of problems with IE6.
I've used http://allinthehead.com/retro/69/sleight-of-hand to enable PNG transparency. Other fixes for PNG transparency were screwing up some absolutely positioned elements (notably, the blue "#popout" box on the index page). Now, links won't work in that popup box in IE6. Which is weird, because I ran into this problem earlier in development and fixed it. Apparently, links won't work in a positioned element with a PNG background using a PNG fix. So I positioned a container element, put an inner element with the background in it, and it worked. But now it's broken again. I'm so confused. Not only that, but the links in the #sidebar on the inner pages stopped working in IE6 too. No hover effects, nothing. And they're not even on top of a transparent PNG! wtf, mate? The drop down menu, which uses the whatever:hover .htc file to get it to work in IE6, was being covered up by the div underneath it. I figured out two ways to fix it: 1) remove the "position:relative;" from the div underneath it, and it would work. But then I couldn't position that blue "#popup" box. 2) set the z-index to -1. But then it makes it disappear in firefox. So i had to use conditional comments to put that in an ie6 only stylesheet. A more elegant fix for the dropdown menu would be nice. I've never run into a problem like that before, and I've used whatever:hover with suckerfish-style dropdowns (sans suckerfish.js, I like the htc file better) on many websites. The code and hacks to get this website cross-browser compatible are getting so damn ugly. It's eating at me. Can anyone offer some advice, especially on how to get the links working in IE6? Thank you very much for your help! ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
