Geek asks and answers

Work on two IE6 layout errors

My webpage is suffering from two IE6 rendering errors. Each of them has workarounds, but, unfortunately, the workarounds mentioned are incompatible with each other.

Here is the minimum test window . Behavior in Firefox / Safari is desired / correct. IE7 is unknown since I do not have access to it right now.

First mistake: #content has overflow: auto and contains a relatively positioned div. IE6 incorrectly gives a relatively positioned div a “fixed” look. Workaround: Set Position: relative to #content.

Second error: a modal pop-up window is sometimes displayed on the page. The Z-index in the pop-up and background mode is set very high so that nothing prevents them from interacting. This works fine until I set the position: relative to #content, which makes IE6 completely ignore the z-index property .

How can I make these mistakes play beautifully with each other? (Note: Remotely formatting the hard drives of users still using IE6 is not an option, much to their disappointment.)

Edit: Here is a second test case that shows what happens when I apply a position: in relation to content. The first error ("fixed" view # of the header content) has been resolved, but this leads to a z-index error and a confusion of the modal background.

+3
source share
4 answers

There are many examples of how to avoid massive issues with ie6 compliance (and below). The only one that really worked for me (pretty much even) was Dean Edward's decision.

Try pasting the following line into your main header:

<!--[if lt IE 8]><script src="http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE7.js" type="text/javascript"></script><![endif]-->

- and see how it comes from there (and what else you need to process, since it probably won’t fix everything).

The size of the script is only 30 kb and will be downloaded only in ie6 and ie7.

Google url (obviously) http://code.google.com/p/ie7-js/

0
source

Submit something like Ra-Ajax.org (hint, visit the site with IE;)

, prototype.js 37signals STOPPED, IE6 , , ...

0

, , , IE.

jgery bgiframe (http://plugins.jquery.com/project/bgiframe). "" iframe . , IE6 ( ), , IE6 bleedthru .

P.S. , - , Microsoft ether firebug IE6 IE7, , IE6 IE7 IE6 IE7 - 1 !

0

While this might be the wrong solution, and probably a way to overflow, jQuery can do modal pop-ups like this and works on IE6. I'll probably pick up on such a simple answer, but it's still worth considering or at least looking at other solutions before reinventing the wheel.

-1
source

More articles:


All Articles