We value your feedback.
Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!
Course Of The Month
Become a Premium Member and unlock a new, free course in leading technologies each month.
Solved
compatibility problem in ie8
Posted on 2013-01-03
Hi
I have a curious ie8 problem with a "if you cannot see this email correctly..." link on an email that links to a wordpress site. When clicking on the link, the site initially comes up in ie8 in a non-compatibility mode and the styles go crazy. Needless to say, I don't have this problem in ie9 or any other browsers. I've tried playing with the
<meta http-equiv="X-UA-Compatibl
Thanks,
AviR
I have a curious ie8 problem with a "if you cannot see this email correctly..." link on an email that links to a wordpress site. When clicking on the link, the site initially comes up in ie8 in a non-compatibility mode and the styles go crazy. Needless to say, I don't have this problem in ie9 or any other browsers. I've tried playing with the
<meta http-equiv="X-UA-Compatibl
Thanks,
AviR
[X]
Welcome to Experts Exchange
Add your voice to the tech community where 5M+ people just like you are talking about what matters.
- Help others & share knowledge
- Earn cash & points
- Learn & ask questions
-
5
3
2- +2
12 Comments
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
The site is:
http://www.imj.org.il/youthwing/magazine
It's in Hebrew.
A copy of the newsletter that was sent can be found at:
http://www.imj.org.il/youthwing/magazine/send/01-13.html
Also in Hebrew, but it's the very top link.
The site is:
http://www.imj.org.il/youthwing/magazine
It's in Hebrew.
A copy of the newsletter that was sent can be found at:
http://www.imj.org.il/youthwing/magazine/send/01-13.html
Also in Hebrew, but it's the very top link.
I have another somewhat related problem with the same site. I don't know if I should post a separate question, but I will try including it here.
The same site appears in Chrome with a large uncalled for space between the header and the content. I can't figure out where it is coming from and it only appears in Chrome. Any ideas?
chrome.jpg
The same site appears in Chrome with a large uncalled for space between the header and the content. I can't figure out where it is coming from and it only appears in Chrome. Any ideas?
chrome.jpg
Active 1 day ago
I would recommend updating the site to HTML5 doctype:
The gap in chrome is funky. I would suggest deleting that empty space from the source of the document to see if that helps. Sometimes you can get weird invisible characters that come from whatever editor you're using. (when I deleted the empty space in the chrome dev tools inspector, the gap went away)
Give all that a try.
<!DOCTYPE html>
<html lang="he-IL" >
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
...
The gap in chrome is funky. I would suggest deleting that empty space from the source of the document to see if that helps. Sometimes you can get weird invisible characters that come from whatever editor you're using. (when I deleted the empty space in the chrome dev tools inspector, the gap went away)
Give all that a try.
Your code is full of errors, including serious stuff like duplicate id declarations and screwed up closing tags.
Validate the code; fix the errors; validate the css; and then you will be ready to deal with layout and cross-browser issues. Trying to deal with presentation when there are serious errors, is just a waste of time.
Cd&
Validate the code; fix the errors; validate the css; and then you will be ready to deal with layout and cross-browser issues. Trying to deal with presentation when there are serious errors, is just a waste of time.
Cd&
avir--You can validate the code here
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.patient.co.uk%2Fpils.asp&charset=%28detect+automatically%29&doctype=Inline&group=0
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.patient.co.uk%2Fpils.asp&charset=%28detect+automatically%29&doctype=Inline&group=0
Thanks for all the feedback.
I've been checking the site on different browsers on different machines in the office. I have no idea if ie8 on the different machines is fully patched.
Since the site is built on a preexisting wordpress theme I don't what kind of effect there will be if I change the doctype to html 5, but I can give it a try.
Regarding the Chrome gap, although the gap appears in the dev tool and it can be deleted there, I am unable to find it in the source code. That's why I can't figure out where it's coming from. My editor is Visual Studio.
Regarding cleaning up the code, well I guess I have my work cut out for me, although I don't know how much is my fault and how much is in the theme itself. In any case, I'll give it a try although it will probably take awhile.
Thanks,
I've been checking the site on different browsers on different machines in the office. I have no idea if ie8 on the different machines is fully patched.
Since the site is built on a preexisting wordpress theme I don't what kind of effect there will be if I change the doctype to html 5, but I can give it a try.
Regarding the Chrome gap, although the gap appears in the dev tool and it can be deleted there, I am unable to find it in the source code. That's why I can't figure out where it's coming from. My editor is Visual Studio.
Regarding cleaning up the code, well I guess I have my work cut out for me, although I don't know how much is my fault and how much is in the theme itself. In any case, I'll give it a try although it will probably take awhile.
Thanks,
avir--This site will also help you cleanup the code
http://validator.w3.org/
http://validator.w3.org/
I fixed most of the validation errors. Most of them were due to my sloppiness, a couple come from the theme code and a few come from external link parameters, which I can't do anything about. In any case, something worked, because the ie8 problem is fixed. Unfortunately, I still have that curious gap that appears only in Chrome.
Featured Post
The worlds of web hosting and web development are constantly evolving. Every year we see design trends change, coding standards adapt and new frameworks/CMS created. With such a quick pace of change it’s easy to get lost trying to keep up.
See if your editor made the list.
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
If you are a web developer, you would be aware of the <iframe> tag in HTML. The <iframe> stands for inline frame and is used to embed another document within the current HTML document. The embedded document could be even another website.
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS.
In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing.
Set up your basic HTML file. Open your form tag and set the method and action attributes.:
(CODE)
Set up your first few inputs one for the name and …
Suggested Courses
Earn Certification
HTML5 Specialist - Certification
Free withPremium
Course of the Month3 days, 19 hours left to enroll
630 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.