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
13 days, 17 hours left to enrollBecome a Premium Member and unlock a new, free course in leading technologies each month.
Solved
google calendar not appearing properly only in IE
Posted on 2013-01-03
Hi Experts,
I am trying to embed a google calendar in my website and it gives me problem only in IE.
This is the site:
http://kcc-austin.org/
FF and Chrome work OK.
the google calendar is on the left side.
This is the code.
thanks in advance
google-calendar.png
I am trying to embed a google calendar in my website and it gives me problem only in IE.
This is the site:
http://kcc-austin.org/
FF and Chrome work OK.
the google calendar is on the left side.
This is the code.
<iframe src="https://www.google.com/calendar/embed?showTitle=0&showPrint=0&showCalendars=0&showTz=0&height=260&wkst=1&hl=ko&bgcolor=%23FFFFFF&src=thbohov99c1llpt4jvr0606jtc%40group.calendar.google.com&color=%23A32929&src=3pedgqfu7ulif8oc2v4fajfim0%40group.calendar.google.com&color=%2323164E&src=en.usa%23holiday%40group.v.calendar.google.com&color=%232952A3&src=ko.christian%23holiday%40group.v.calendar.google.com&color=%235229A3&src=p%23weather%40group.v.calendar.google.com&color=%23875509&src=ko.south_korea%23holiday%40group.v.calendar.google.com&color=%236E6E41&ctz=America%2FChicago" style=" border-width:0 " width="200" height="260" frameborder="0" scrolling="no"></iframe>
thanks in advance
google-calendar.png
[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-
5
- +1
12 Comments
Active 7 days ago
Interesting, the single line of code you sent works fine in IE, but not the website? With the code, IE asks if I want to allow blocked content, but doesn't give any warning for the website
...Terry
...Terry
hi dkim18,
I've noticed that this google calendar inside the IE that has a compatibility viewer turned off looks like this. Could you try to turn on the compatibility viewer setting on?
Go to IE->Menu->Tools->click on Compatibility Viewer
Cheers!
A
I've noticed that this google calendar inside the IE that has a compatibility viewer turned off looks like this. Could you try to turn on the compatibility viewer setting on?
Go to IE->Menu->Tools->click on Compatibility Viewer
Cheers!
A
Interestingly, I actually get the opposite effect. On Windows 8 IE10, it works fine for me.
If I turn ON Compatibility View (e.g. you click the little torn page icon and it turns blue), then I see dkim18's behavior with the calendar not showing up.
If I turn ON Compatibility View (e.g. you click the little torn page icon and it turns blue), then I see dkim18's behavior with the calendar not showing up.
Found it!
The reason was because you've commented the first line inside your page. If the page doesn't have DOCTYPE tag defined properly IE8/9 will default to quirks mode instead of the standard mode which causes Google's calendar to behave wrongly.
Try to uncomment that tag or replace it with this one:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
:)
armchang
The reason was because you've commented the first line inside your page. If the page doesn't have DOCTYPE tag defined properly IE8/9 will default to quirks mode instead of the standard mode which causes Google's calendar to behave wrongly.
Try to uncomment that tag or replace it with this one:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
:)
armchang
armchang,
yes, it works. however, the weather icons are missing on IE8(IE9 works ok.) unlike firefox.
http://kcc-austin.org/bbs/church_calendar.php
Is this an IE version issue?
yes, it works. however, the weather icons are missing on IE8(IE9 works ok.) unlike firefox.
http://kcc-austin.org/bbs/church_calendar.php
Is this an IE version issue?
dkim18,
I'm confused. Can you show me what weather icons do you mean? Maybe you can attach an image here.
a
I'm confused. Can you show me what weather icons do you mean? Maybe you can attach an image here.
a
plz see both images. one is from IE8 and the other one is from IE9.
20130105-102933-no-icons.png
20130105-102933-yes-icons.png
20130105-102933-no-icons.png
20130105-102933-yes-icons.png
This is funny, I'm not seeing any weather icons in all the browsers. But I've seen inside you have another frame calling the google calendar which has a meta set to IE-7. If you could try and change that value to IE-9 and see what happens?
This is the code that needs to change to IE9:
<meta http-equiv="X-UA-Compatibl
<meta http-equiv="X-UA-Compatibl
This is the code that needs to change to IE9:
<meta http-equiv="X-UA-Compatibl
<meta http-equiv="X-UA-Compatibl
I am not following...
I searched text in entire site, but couldn't find <meta http-equiv="X-UA-Compatibl
I searched text in entire site, but couldn't find <meta http-equiv="X-UA-Compatibl
Featured Post
Just getting started with Linux? Here's a quick start guide that has 7 commands that we believe will come in handy.
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
Originally, this post was published on Monitis Blog, you can check it
here
.
It goes without saying that technology has transformed society and the very nature of how we live, work, and communicate in ways that would’ve been incomprehensible 5 ye…
- Web Development
- Networking
- Web Development Software
- Monitis
- IT Administration
- *Automation, *DevOps
CTAs encourage people to do something specific to show interest in your company, product or service. Keep reading to learn why CTAs should always be thought of as extremely important, albeit small, sections of websites.
This Micro Tutorial will demonstrate the easy use of Gmail embedding images in your email so the recipient of your email can view them in context.
Learn how to create flexible layouts using relative units in CSS. New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses
Course of the Month13 days, 17 hours left to enroll
800 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.