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.
the Iframe mystery in firefox
Moderator: General Moderators
Re: the Iframe mystery in firefox
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
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.
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
Hey I finally solved it 
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.
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.