Page 1 of 1

the Iframe mystery in firefox

Posted: Thu Aug 14, 2008 6:02 am
by lynchpin
Can anyone help with the trouble some iframe problem am having.

Ihave an Iframe that displays properly in IE 7 but comes with a huge padding at the top in firefox 3.0

Here's the html:
----------------------------------------------------------------------------------
<div id="example">
<div id="exampleFrame">
<table cellspacing=0>
<tr><td>
<iframe width="200" height="100! src="somesource" frameborder="0" scrolling="no">
</iframe>
</td>
</tr>
</table>
</div>
</div>
----------------------------------------------------------------------------------

Here's the css:
***************************************************************
#example {
width: 65%;
background-color: #FFFFFF;
margin: 10px;
border: thin solid #FF9900;
}
#exampleFrame {
background-color: #FFFFFF;
float: none;
clear: both;
padding-top: 0;
width: 75%;
}
****************************************************************

Thanks in anticipation.

Re: the Iframe mystery in firefox

Posted: Thu Aug 14, 2008 12:51 pm
by califdon
I copied your css and html and it renders perfectly in FF 3.0. Not sure what else could be wrong.

Re: the Iframe mystery in firefox

Posted: Wed Aug 20, 2008 9:04 am
by lynchpin
I dont know what is wrong too, but the html example is just a portion of a bigger html file,
The CSS is also a cut out from a larger css file. But the iframe comes with a huge padding at the top.

Please advice.

Re: the Iframe mystery in firefox

Posted: Wed Aug 20, 2008 9:53 am
by lynchpin
Hey I finally solved it :D

It appears firefox wasnt hapy with the float: none and clear:both attributes in the #exampleframe css
It now appears as expected.

Thanks once again.