iframe flicker [Archive]

dolittle

10 Jan 2008, 4:45 AM

Hi,

It's a general question.

I have an iframe inside my page.
I'm not sure if this is related to the content of the website inside the iframe but when the user navigates between the pages inside the iframe it flickers in FF and IE7.

An example:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>iframe</title>
</head>
<body>

<iframe src="http://www.drupal.org"
id="childFrame"
width=100%
height=800px;
name="childFrame">
</iframe>

</body>
</html>

When loading the website in a standalone page the transition between pages is smooth.

Is there a workaround?

Thanks

hendricd

13 Jan 2008, 7:32 AM

How does it look without strict mode?

Have you tried this method?

<object data="http://www.drupal.org" type="text/html" >
Somewhere
</object>

And if you own the inline page, trying setting this on it's body:
<body style="border:0;overflow:visible;">

dolittle

14 Jan 2008, 9:34 AM

@hendricd

On IE7 when using an iframe I can see nested window border although the border is sets to 0.

When using an object element in IE7 as you suggested, I don`t see the border and the transition is smooth but the browser presents a missing image icon until it loads the page. When I click back on the browser history button I also see this icon before the page is loaded. When using iframe I don`t see this icon although the transition is not smooth.

FF2 is worse then IE7 but on FF3 Beta the transition looks very good.

Can I change the main frame doctype?
Do you think it could help?

Thanks