Using Object tag in Internet Explorer without crashing the browser

They have: 3 posts

Joined: Mar 2009

Hi I am hoping that somebody can help.

I use Rapidweaver to construct my websites, then tidy the content code using Taco html editor.

Trying to integrate a Google calendar into the web page using the object tag. The site is XHTML 1.0 strict, and validates on W3c, the calendar displays in Firefox on both Windows & Mac, also displays in Safari. However the object tag is crashing IE6 & IE7 on 2 different Win XP computers (not tried Vista). The problem occurs when navigating away from the page.

I know that I can use an iframe, and change the page type to transitional, but would like to use strict if possible.

This is the code I am using:

[code]object type="text/html" data="http://www.google.com/calendar
/embed?height=400&wkst=1&bgcolor=%23FFFFFF&
amp;src=ig1uhaaiokkvj7iikpq8141gk4%40group.calendar.google.com&
amp;color=%232952A3&ctz=Europe%2FLondon" height="400px"   width="680px"]
[/object]

Our website is at: engagechurch

Can anybody help with this?

Thanks Derek

decibel.places's picture

He has: 1,494 posts

Joined: Jun 2008

hi Derek welcome to TWF Laugh

you need to use HTML code:

<object type="text/html" data="http://www.google.com/calendar
/embed?height=400&amp;wkst=1&amp;bgcolor=%23FFFFFF&
amp;src=ig1uhaaiokkvj7iikpq8141gk4%40group.calendar.google.com&
amp;color=%232952A3&amp;ctz=Europe%2FLondon" height="400px"   width="680px"></object>

They have: 3 posts

Joined: Mar 2009

Hi yes thanks for this, however have tried this tag with type="text/html" preceeding the data. Still crashes the browser, also the object tag displays scroll bars on the page.

I believe that I have found a solution, I call it the conditional "iframe" solution.

It validates as XHTML strict on the W3c validator, it runs in Safari, Opera, Firefox, and surprise!! IE7

See it in action here and compare with the original calendar page.

Derek

They have: 3 posts

Joined: Mar 2009

Sorry should have posted the code as well.

<!--[if IE]>
<iframe src="http://www.google.com/calendar/embed?height=400&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=ig1uhaaiokkvj7iikpq8141gk4%40group.calendar.google.com&amp;color=%232952A3&amp;ctz=Europe%2FLondon" height="400px" width="680px"><![endif]--><object type="text/html" data="http://www.google.com/calendar/embed?height=400&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=ig1uhaaiokkvj7iikpq8141gk4%40group.calendar.google.com&amp;color=%232952A3&amp;ctz=Europe%2FLondon" height="400px"  width="680px"></object>

Derek

decibel.places's picture

He has: 1,494 posts

Joined: Jun 2008

I am glad you got it working - the object tag worked for me in IE7 without an iframe, so I'm not sure that was the issue - but as long as it works!

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.