CODEWITHSUNDEEP
htmlcssinternet-exploreriframe
Jeremy Sayers
Jeremy Sayers

Reputation: 637

Iframe Loading image and IE

I'm loading an Iframe from an External server of mine onto my webpage, and I wanted a loading image, because sometimes it take a good 10 seconds to load. All is well in Chrome but in IE nothing.

<center>
<div style="background: #ffffff url(http://mentalized.net/activity-indicators/indicators/simon-claret/progress_bar.gif) no-repeat 50% 5%;">
<iframe src="http://x.x.x.x/panel.php" allowTransparency="true" width="100%" height="450px" scrolling="no"></iframe>
</div>
</center>

My other question is, is there a better way of doing this? I can't use ajax because it's an external server, but is there a better way of doing a loading image with an iFrame? Thanks!

Upvotes: 0

Views: 1645

Answers (1)

HMartch
HMartch

Reputation: 728

Try putting the style with the background image information on the iframe itself, rather than the separate div.

<iframe src="http://x.x.x.x/panel.php" allowTransparency="true" width="100%" height="450px" scrolling="no" style="background: #ffffff url(http://mentalized.net/activity-indicators/indicators/simon-claret/progress_bar.gif) no-repeat 50% 5%;"></iframe>

Upvotes: 1

Related Questions