Log in

View Full Version : Iframe + background image not working in IE



mejulie
03-01-2007, 04:58 PM
Hiya

I am not sure why this is working in Firefox but doesn't want to work in Explore... I have tried to play width the width, margin etc, but nothing seems to do the trick for me... Please help me :rolleyes:

Julie

<table align="center" bgcolor="#000000" border="0" cellpadding="0" cellspacing="0" width="265">
<tbody>
<tr>
<td> <a href="gsmastats.shtml" title="Global GSM & 3GSM mobile connections" style="display:block;width:265px;height:56px;background:url(/images/counter_bg.gif) no-repeat 0 0;position:relative">
<IFRAME vspace='0' hspace='0' height='50' width='272' SRC='http://www.gsmworld.com/BCounter1/GSMCounter_date_new.php' MARGINHEIGHT=28 MARGINWIDTH=28 NORESIZE FRAMEBORDER=0 SCROLLING=NO></IFRAME></a>
</td> </tr>
</tbody>
</table>

jscheuer1
03-01-2007, 05:27 PM
Try:


<iframe allowtransparency="true" vspace="0" hspace="0" height="50" width="272" src="http://www.gsmworld.com/BCounter1/GSMCounter_date_new.php" marginheight="28" marginwidth="28" noresize frameborder="0" scrolling="no"></iframe>

mejulie
03-02-2007, 09:40 AM
Hi John

Thanks for this, however it doesn't seem to work for me...

http://www.gsmworld.com/index1.shtml

It is strange, first it was working in IE, but not in Firefox - now it works in Firefox but not IE...

Any help would be appreciated! I am more of a designer, so a bit lost here.

Julie

jscheuer1
03-02-2007, 04:11 PM
This one's tough because looking at your page, I cannot be certain how you want it to look. The allowtransparency is for IE only and is supposed to allow the background of the top page to show through the iframe if its page has no background.

Looking at it in FF Opera and IE, it looks as though there are layout issues in addition to any background color problems.

My impulse would be to forget about background showing through. I'd just get the entire counter and its labels, formatting, etc. on the external page with the proper background there and have that page be in the iframe.