Place Meta tags IE=edge,chrome=1, no stylesheet needed for IE?

[Pcwolf]

Hi,

I can design websites for Firefox,chrome,opera... but for IE not. Its very hard to do this and not simple. You need to make just for every thing a new style 
But ok, today i started the latest step of my website: Created stylesheets for IE8 and older versions. But this is not simple, the menu are crazy, sliders are not working, etc...
even in mobile these are working perfect 

So, after some search i found that you need to change the content type, so i placed this code:

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

I was develope my website in IE developer tools (F12), in IE versions 8, when i refreshed the page then it looks like chrome and firefox  and i was in the IE version 8 but the content type has changed automatic from Defaultsettings Internet Explorer 8 to Defaultsettings (Defaultsettings for this page).

But when i changed it back to Defaultsettings Internet Explorer 8 then it looks like before, (crazy menu, etc...) So, my question is, if i place the tag (above), and people with internet explorer versions: 9,8,7,6....
Will they view my content like chrome automatic ? (Defaultsettings for this page)

If so, then i don't need to make a stylesheet for every version of ie... 

[jenkinhill]

That should have been
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

And I have never used it.

People who use old browsers like IE8 should expect to see things wrong.....  But problem with sliders etc is usually that current js is not compatible. Not much you can do about that.

Last site I built I added a popup for IE8 and earlier users advising them to update, with a link to help them .......   http://extensions.joomla.org/extensions/site-management/browsers-a-web-standards/20111

[Pcwolf]

Yeah, i was forgot to close the tag...

But, you are right, every ie version has another styles 
For internet ie9/ie8 i fix a little problems but older versions, i can't fix that, it is simply impossible for me.

The menu, footer, modules... getting crazy

In firefox, chrome, opera, mobile browsers..:

http://6205.cloudaccess.net/images/url10.png
http://6205.cloudaccess.net/images/url2.png

In IE7

http://6205.cloudaccess.net/images/url1.png
http://6205.cloudaccess.net/images/url3.png


Someone need to help my with this, i just can't fix it.

[Pcwolf]

For the footer i used display:inline instead of table-cell. Footer looks good in ie7, don't know in ie6, don't have that in develope tools.

Modules looks good too.
Now, the problem is only the slider, the arrows are not showing, big white space.... 
Hate internet explorer.