How make web sites compatible with...

User 2109398 Photo


Registered User
14 posts

Hi There,

Having designed a web site it works fine in Firefox, Chrome and most revisions of IE8. However in a few revisions of IE8 and ALL revisions if IE9 the site has to be run in "compatability mode" or else the text columns become meissaligned.

What do I have to do to the site in order for it to work in all browsers without having to explain to site visitors that they have to make changes to IEto view my site properly...???

Thanks
User 103173 Photo


VP of Software Development
0 posts

Try adding this code into your header:

<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=100" />
<![endif]-->



http://www.google.com/search?q=X-UA-Com … =firefox-a
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2109398 Photo


Registered User
14 posts

Thanks for the quick reply.. I'll give it a go and report back
User 2109398 Photo


Registered User
14 posts

Sorry it has been so long in getting back but this code still doesn't work.

as things stand the code is in the header of both the Index page the the specific page. If you go to http://www.weebagband.co.uk/giglist.html and switch the compatability on and off and do an F5 refresh you will see what I mean...

Any help would be appreciated.... Thanks in advance
User 2073552 Photo


Registered User
1,625 posts

http://www.positioniseverything.net/ is an wonderful website explaining how to fix almost every bug that IE has. Please take a look and see if you can find your bug!

Hope this helps!
"An Apple doth not fall far from its tree, yet an orange does."

https://lbwebsitedesign.com - Responsive Web Design & Web Hosting Services.
http://helpsite.sirage.com - HTML5, CSS3 and CC Help Video Blog.
User 2109398 Photo


Registered User
14 posts

Sirage... many thanks for the post but as I am not a web designer most of that article goes clean over my head. I got Coffee Cup as it seemed and is the easiest wysiwyg web designer around so having followed everything that it allows me to do and getting it to work as i want it is great but i don't have the technical expertise to start repairing my site when IE move the goalposts.

i tried the code thing that scot gave me below but that doesn't work. I'd still appreciate any advice from someone with similar probs... Thanks again.
User 2147626 Photo


Ambassador
2,958 posts

Hi, don't know if this will help or not. Did some reading here http://msdn.microsoft.com/en-us/library/cc288325(v=vs.85).aspx#27

Looked at the source on your page and noticed that you had several items BEFORE the code Scott gave you. After reading through the info on the above web site, I found a comment by a user that said that code had to be FIRST under the head tag. Try moving the code up and see if that helps.
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
User 2109398 Photo


Registered User
14 posts

Hi Gunsmoke... Many thanks for your help. I tried moving the code that Scot gave me to the top and have also tried the suggestions off the web link you gave me but to no avail... :-(

I'd really appreciate any further help... TIA
User 2073552 Photo


Registered User
1,625 posts

I would start by fixing these errors. . .

http://validator.w3.org/check?uri=http% … mp;group=0
"An Apple doth not fall far from its tree, yet an orange does."

https://lbwebsitedesign.com - Responsive Web Design & Web Hosting Services.
http://helpsite.sirage.com - HTML5, CSS3 and CC Help Video Blog.
User 2733 Photo


Ambassador
426 posts

SirAGE, Those errors won't prevent the page from displaying correctly. More importantly, IE Compatibility Mode is a joke. Web pages should be coded correctly so there is no need for Compatibility Mode. The first two sentences here, should tell you everything you need to know about CM.
Let's not get all hurt.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.