I’ve just finished a small web project using Twitter Bootstrap and WordPress, but unfortunately Internet Explorer has some problems with it. Opera, Safari and Chrome display the page without errors.
In IE10 & IE9 everything looks good, but IE8 & IE7 only display a white page. I already did a Google search to find a solution for that “White Screen of Death” (WSOD), but I was let down.
I also did some debugging on the page itself. That way I found out that a polyfill for HTML5 forms was causing the problem. I am using Webshims for that. On the page it states IE6+ compatibility, but as you can see this is not the case, which is strange.
So I looked into the FireBug console to see if there are any JavaScript errors. There weren’t any errors, but there was a warning, located in the script that causes trouble:
Call webshims.polyfill before DOM-Ready or set waitReady to false.
So I took a look into the documentation and set waitReady to false because I load the script at the bottom of the page. As a result, the warning was gone – but IE8 & IE7 still only display a white page! As a test I again removed the call to the script, the page works in IE8 & 7. As soon as I add the call again – white page.
After hours of being puzzled, one thing came to my mind: As a default, jQuery in WordPress runs in no conflict mode, meaning instead of writing $("#something) you have to write jQuery("#something"). My idea was that this could cause some problems, so I deactivated the no conflict mode. Still: Nothing, white page.
I don’t have any more ideas what could cause the problem, so I am asking you: Did you ever encounter that problem? Do you have any solutions or ideas for solutions?
Any input is really appreciated!
