IE Conflict with popup window

HTML & CSS
1

I’m not 100% sure this is a CSS issue, but I don’t have any bigger ideas, so here we are.

There is a popup window at this URL: http://www.wtisystems.com/, it is supposed to greet first time site visitors with signup info in popup. I’ve used colorpop.js for this and it seems to work unless you are viewing this particular site in IE. If I were to separate out the popup code onto a different page, it would open just fine in IE. So, I gather something else on this page is conflicting with the popup CSS or something close. I didn’t do the homepage, I’m just providing the popup code. But for some reason it doesn’t work in IE … on this site.

I also can’t make sense of the CSS and dugging tools in IE 9 … not at all what I am used to in this situation.

Any ideas on what if causing the conflict and keeping the window from popping up?

Here’s a page with the isolated popup code, which works in IE, but only once (unless you clear cookies): http://www.savagepixels.com/wti/

Thanks

[edit]for reference

2

Hi,

The first thing I would try is getting rid of the IE meta tag or updating it to the edge version.

You have this:


<meta content="IE=EmulateIE7" http-equiv="X-UA-Compatible" />

That will make IE9 - IE11 render as the worst browser on the planet.

Change the tag to this instead:


<!-- force IE8+ into standards mode -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">

Make that change and then let me know when you’ve done that and I will test again :slight_smile:

3

Yes. It did indeed render as the worst possible. Thanks for catching that!

4