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 :o
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 ;D 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... 8)
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
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/url10.png)
http://6205.cloudaccess.net/images/url2.png (http://6205.cloudaccess.net/images/url2.png)
In IE7
http://6205.cloudaccess.net/images/url1.png (http://6205.cloudaccess.net/images/url1.png)
http://6205.cloudaccess.net/images/url3.png (http://6205.cloudaccess.net/images/url3.png)
Someone need to help my with this, i just can't fix it.
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.