I think......

I have a page of my website, the homepage. The iframe work in FF as seen below, but not correctly in IE.

FF:
[IMG]http://i22.photobucket.com/albums/b331/chubbymouse/playff.jpg[/IMG]

IE:
[IMG]http://i22.photobucket.com/albums/b331/chubbymouse/playie.jpg[/IMG]

I've checked over my coding and I have no idea what that white box is (bordered pink on IE pic) it just appeared.

Any ideas are welcomed :) I can provide coding if need be.
Thanks

Recommended Answers

All 3 Replies

Screen dumps are useless
show the code please

mozilla and IE allocate whitespace differently, it may just need a tweak to the padding or margin in your stylesheet for one or the other browser.

Screen dumps are useless
show the code please

mozilla and IE allocate whitespace differently, it may just need a tweak to the padding or margin in your stylesheet for one or the other browser.

pl. show the code, kindly

Main code and iframe.

<div class="box">
  <table width="182" height="299" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>    </tr>
    <tr>
      <td align="center"><img src="images/playertop.png" width="182" height="125" /></td>
    </tr>
    <tr>
      <td width="184" height="135" align="left" background="images/playermid.png"><div align="center">
        <iframe src ="radio_stats2.php" width="146" height="135" frameborder="0" allowtransparency="true" scrolling="no"></iframe>
        </p>
        </div></td>
    </tr>
    <tr>
      <td align="center"><img src="images/playerbot.png" width="182" height="39" /></td>
    </tr>
  </table>
</div>

CSS for #box

#box
{
	width: 202px;
	padding-left: 5px;
	padding-right: 5px;
	font-family: Tahoma;
	font-size: 11px;
	color: #666666;
	background-color: #FFFFFF;
	background-image: url(images/box.png);
}
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.