What specific things cause IE8 to trigger compatibility mode?

After a long debugging session (using old school alerts to pinpoint what was failing where), this seemingly innocous line of dom manipulation was the culprit: document.getElementById(“literal”+varValue).style.display = “none”; There was no error here, and the element was apparently found (ie, this is not a garden variety null pointer). This is a large scale app, and … Read more

Why can’t I debug from Visual Studio 2005 after installing IE8?

A colleague of mine was having similar issues and found this: IE 8 has a feature called Loosely-Coupled Internet Explorer (LCIE) which results in IE running across multiple processes. http://www.microsoft.com/windows/internet-explorer/beta/readiness/developers-existing.aspx#lcie Older versions of the Visual Studio Debugger get confused by this and cannot figure out how to attach to the correct process. You can work … Read more

Why will this div/img not center in IE8?

Do you really want your page to work in quirks mode? Your HTML centers fine once I added doctype to to force standards mode: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en”> <head> <title>Welcome</title> <style> #pageContainer {width:300px;margin:0 auto;text-align:center;} #toLogo{border:none; } </style> </head> <body> <div id=”pageContainer”> <a href=”http://portal.thesit.com” id=”toSite”> <img src=”http://stackoverflow.com/content/img/so/logo.png” id=”toLogo”></a> </div> </body> … Read more

Why does a filter gradient on a pseudo element not work in IE8?

The question is “Why don’t filters work on pseudo elements in IE8?” The following is as close to a definitive answer as I can muster. It comes from the information on this page. The gradient filter is a “procedural surface” (along with alphaimageloader). A procedural surface is defined so: Procedural surfaces are colored surfaces that … Read more

contenteditable=false inside contenteditable=true block is still editable in IE8

Okay, I already have discovered the answer much like how Penicillin was discovered. You see, playing around with this code, I mistakenly set contenteditable to true for the span and voila! It worked! So, to make a span NON-contenteditable inside a contenteditable div, you just set its contenteditable attribute to true! <div contenteditable=”true”> Luke, I … Read more