PDA

View Full Version : Iframe not going to 100% height?

Ricky1988
06-16-2008, 12:22 AM
Could someone please tell me how to put this iframe so that it goes right down to the bottom of the table as at the moment i am getting very frustrated and can't understand it.

<td colspan="2">&nbsp;</td>
</tr>
<tr>
<td width="147">
<table border="1" width="36%" cellspacing="0" cellpadding="0" style="border-collapse: collapse" bordercolor="#000000" id="table3">
<tr>
<td background="http://fcreloaded.co.uk/pics/new/green.gif">
<b><font face="Verdana" size="1">Navigation</font></b></td>
</tr>
<tr>
<td>
<table border="0" width="125" cellspacing="0" cellpadding="0" id="table10">
<tr>
<td width="9">&nbsp;</td>
<td width="116"><font face="Verdana" size="1">Join</font></td>
</tr>
<tr>
<td width="9">&nbsp;</td>
<td width="116"><font face="Verdana" size="1">Division
One </font></td>
</tr>
<tr>
<td width="9">&nbsp;</td>
<td width="116"><font face="Verdana" size="1">F.A Cup</font></td>
</tr>
<tr>
<td width="9">&nbsp;</td>
<td width="116"><font face="Verdana" size="1">Transfers
&amp; Loans</font></td>
</tr>
<tr>
<td width="9">&nbsp;</td>
<td width="116"><font face="Verdana" size="1">Training</font></td>
</tr>
<tr>
<td width="9">&nbsp;</td>
<td width="116"><font face="Verdana" size="1">History</font></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="1095" rowspan="4" valign="top" align="right">
<iframe name="I1" height="100%" width="100%" align="middle">
Your browser does not support inline frames or is currently configured not to display inline frames.
</iframe></td>
</tr>
<tr>
<td width="147"><p>&nbsp;</td>
</tr>
<tr>
<td width="147">&nbsp;</td>
</tr>
<tr>
<td width="147">
<table border="1" width="52%" cellspacing="0" cellpadding="0" style="border-collapse: collapse" bordercolor="#000000" id="table5">
<tr>
<td background="http://fcreloaded.co.uk/pics/new/green.gif">
<b><font face="Verdana" size="1">Log In</font></b></td>
</tr>
<tr>
<td>
<table width="126" id="table9">
<tr><form id="form1" action="javascript://" onsubmit="return authPass(this.user.value,this.pass.value)">
<td width="120"><font size="1" face="Verdana">Username:
<input type="text" name="user" size="16" style="font-family: Verdana; font-size: 10px" /></font></td>
</tr>
<tr>
<td width="120"><font size="1" face="Verdana">Password:<br>
<input type="password" ... name="pass" style="font-family: Verdana; font-size: 10px" size="16" /></font></td>
</tr>
<tr>
<td align="center" width="120">
<input type="submit" value="Enter" style="font-family: Verdana; font-size: 10px; float:left" /></td>
</tr>
</table>
</td>
</tr>
</table>
gnomeontherun
06-16-2008, 12:56 AM
3 things.

1) Don't cross post. Read the rules please before posting on the forums.

2) Your iframe will only extend to 100% of the height of the element it resides in - in this case a table cell which has no set height.

3) Tables for layout is a bad practice and you should read why Tables for Layout is Stupid (http://www.hotdesign.com/seybold/).
Ricky1988
06-16-2008, 01:07 AM
1) I am sorry.

2) I have done it now it was to do with a code in the <head> section, not what you said but thanks anyway.

3) I will create my site how i like.

Thanks
gnomeontherun
06-16-2008, 01:39 AM
Just out of curiosity, what was the code in the header?

I'm not trying to be offensive about the tables issue, but it really is bad practice. I don't know what the purpose of the site is, but its not the purpose of a table. A table is for tabular data - like charts and numbers, other elements exist for positioning.