如何强制Google Chrome / Firefox使用Internet Explorer Web浏览器控件

Question

I have developed a web page which is very much compatible with IE8.

Now the problem is that alignment of certain elements like span, radio button etc appear to be different in google chrome and firefox!!

Is there any way with which I can force the Firefox and chrome to parse and render the webpage exactly like IE8?? I tried adding meta tags

<meta http-equiv="X-UA-Compatible" content="ie=8">

I also tried

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

But that doesnt seem to work.

I tried using IE_Tab which made the content in chrome exactly look like how it looks in IE. But its not possible to make all users install this, so is there a way in which i can direct browsers to use the IE Webbrowser control by any means ?! Is there any scripts/code snippet which will instruct/redirect the browser to do this??

Answer 1

I would recommend making the page look correct in browsers that follow web standards first (Firefox, Chrome). Then fix up for IE later. There is no way to do what you're suggesting. Those meta tags are for making later versions of IE behave like earlier versions.

Answer 2

Coding for IE8 first is going to cause you many headaches, even later version of IE will have issues. You are much better off coding for Chrome or Firefox first as they are much more standards compliant, and then make tweeks so IE8 looks OK.

If you insist on coding for IE first, code to IE10 first as its more standards compliant than IE8. If you insist on IE8 first, then every other browser will just look bad :)