dkim18
asked on
google calendar not appearing properly only in IE
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
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.
ASKER
I am testing this on windows 7 and IE8/IE9. The Compatibility View didn't matter.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
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
ASKER
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
ASKER
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 e" content="IE=7"> to
<meta http-equiv="X-UA-Compatibl e" content="IE=9">
This is the code that needs to change to IE9:
<meta http-equiv="X-UA-Compatibl
<meta http-equiv="X-UA-Compatibl
ASKER
I am not following...
I searched text in entire site, but couldn't find <meta http-equiv="X-UA-Compatibl e" content="IE=7">.
I searched text in entire site, but couldn't find <meta http-equiv="X-UA-Compatibl
hi dkim18,
You can try opening Firefox and then move your cursor anywhere inside the Google calendar and then right click it, select This Frame-> View Frame Source.
You can find in there.
armchang
You can try opening Firefox and then move your cursor anywhere inside the Google calendar and then right click it, select This Frame-> View Frame Source.
You can find in there.
armchang
...Terry