A
Arjen
Hi, I have an iframe width = 600
When I put multible tables in that frame internet explorer shows a
bottem scrolbar .. got no idea why. It shouldn't do that since the
iframe is 600 width and the table only 550 (even making the table width
100 doesn't matter)
Ive tried declariong the widt of the images with no effect.
any ideas ??
(the iframe)
<iframe
allowtransparency="true"
id="frmContent"
frameborder="0"
style="width: 600px; padding: 0px 0px 0px 0px;"
src="test.php"
name="frmContent"
class="iframeContent"
marginheight="0"
marginwidth="0" >
</iframe>
(the generated table)
<table width="550" align="center" cellpadding="3" cellspacing="4">
<tr>
<td width="79"><p>Deadline</p></td>
<td width="97"><p>Ingeleverd?</p></td>
<td width="245"><p>Titel: Nieuwe deadline blok 1_4</p></td>
<td align = "right"><a href="index.php?action=deletedeadline"
onclick = "return window.confirm('Let op: Je staat op het punt om deze
deadline te verwijderen. Klik op OK om door te gaan.');"> <img
src="delete.gif" alt="a" border="0"></a> <a
href="index.php?action=edit"> <img src="edit.gif" alt="a"
border="0"></a></td>
</tr>
<tr>
<td rowspan="3" valign="top"><div align="center"> <img
src="stoplicht_rood.gif" alt="rood"></div></td>
<td width="97" rowspan="3" valign="top"><div align="center"><img
src="stoplichten/nog_niet_ingeleverd.gif"
alt="nog_niet_ingeleverd"></div></td>
<td width="245" rowspan="3" valign="top"><p>Toegestane extensies:
doc <br>
Deadline:<b> 28 februari 2006 (11:00 uur)</b><br>
</p></td>
<td height="22" valign="top"><a href="index.php?action=uploaden">
<img src="/inleveren.gif" alt="a" border = "0"></a></td>
</tr>
<tr>
<td height="22" valign="top"> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td colspan="4"><p>De deadline is inmiddels verstreken. Je hebt nog
<b>niets</b> ingeleverd.</p></td>
</tr>
</table>
(the output of test.php)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>
<body>
<table width="550" align="center" cellpadding="3" cellspacing="4">
<tr>
<td width="79"><p>Deadline</p></td>
<td width="97"><p>Ingeleverd?</p></td>
<td width="245"><p>Titel: Nieuwe deadline blok 1_4</p></td>
<td align = "right"><a href="index.php?action=deletedeadline"
onclick = "return window.confirm('Let op: Je staat op het punt om deze
deadline te verwijderen. Klik op OK om door te gaan.');"> <img
src="delete.gif" alt="a" border="0"></a> <a
href="index.php?action=edit"> <img src="edit.gif" alt="a"
border="0"></a></td>
</tr>
<tr>
<td rowspan="3" valign="top"><div align="center"> <img
src="stoplicht_rood.gif" alt="rood"></div></td>
<td width="97" rowspan="3" valign="top"><div align="center"><img
src="stoplichten/nog_niet_ingeleverd.gif"
alt="nog_niet_ingeleverd"></div></td>
<td width="245" rowspan="3" valign="top"><p>Toegestane extensies:
doc <br>
Deadline:<b> 28 februari 2006 (11:00 uur)</b><br>
</p></td>
<td height="22" valign="top"><a href="index.php?action=uploaden">
<img src="/inleveren.gif" alt="a" border = "0"></a></td>
</tr>
<tr>
<td height="22" valign="top"> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td colspan="4"><p>De deadline is inmiddels verstreken. Je hebt nog
<b>niets</b> ingeleverd.</p></td>
</tr>
</table>
<table width="550" align="center" cellpadding="3" cellspacing="4">
<tr>
<td width="79"><p>Deadline</p></td>
<td width="97"><p>Ingeleverd?</p></td>
<td width="245"><p>Titel: Nieuwe deadline blok 1_4</p></td>
<td align = "right"><a href="index.php?action=deletedeadline"
onclick = "return window.confirm('Let op: Je staat op het punt om deze
deadline te verwijderen. Klik op OK om door te gaan.');"> <img
src="delete.gif" alt="a" border="0"></a> <a
href="index.php?action=edit"> <img src="edit.gif" alt="a"
border="0"></a></td>
</tr>
<tr>
<td rowspan="3" valign="top"><div align="center"> <img
src="stoplicht_rood.gif" alt="rood"></div></td>
<td width="97" rowspan="3" valign="top"><div align="center"><img
src="stoplichten/nog_niet_ingeleverd.gif"
alt="nog_niet_ingeleverd"></div></td>
<td width="245" rowspan="3" valign="top"><p>Toegestane extensies:
doc <br>
Deadline:<b> 28 februari 2006 (11:00 uur)</b><br>
</p></td>
<td height="22" valign="top"><a href="index.php?action=uploaden">
<img src="/inleveren.gif" alt="a" border = "0"></a></td>
</tr>
<tr>
<td height="22" valign="top"> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td colspan="4"><p>De deadline is inmiddels verstreken. Je hebt nog
<b>niets</b> ingeleverd.</p></td>
</tr>
</table>
<table width="550" align="center" cellpadding="3" cellspacing="4">
<tr>
<td width="79"><p>Deadline</p></td>
<td width="97"><p>Ingeleverd?</p></td>
<td width="245"><p>Titel: Nieuwe deadline blok 1_4</p></td>
<td align = "right"><a href="index.php?action=deletedeadline"
onclick = "return window.confirm('Let op: Je staat op het punt om deze
deadline te verwijderen. Klik op OK om door te gaan.');"> <img
src="delete.gif" alt="a" border="0"></a> <a
href="index.php?action=edit"> <img src="edit.gif" alt="a"
border="0"></a></td>
</tr>
<tr>
<td rowspan="3" valign="top"><div align="center"> <img
src="stoplicht_rood.gif" alt="rood"></div></td>
<td width="97" rowspan="3" valign="top"><div align="center"><img
src="stoplichten/nog_niet_ingeleverd.gif"
alt="nog_niet_ingeleverd"></div></td>
<td width="245" rowspan="3" valign="top"><p>Toegestane extensies:
doc <br>
Deadline:<b> 28 februari 2006 (11:00 uur)</b><br>
</p></td>
<td height="22" valign="top"><a href="index.php?action=uploaden">
<img src="/inleveren.gif" alt="a" border = "0"></a></td>
</tr>
<tr>
<td height="22" valign="top"> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td colspan="4"><p>De deadline is inmiddels verstreken. Je hebt nog
<b>niets</b> ingeleverd.</p></td>
</tr>
</table>
<table width="550" align="center" cellpadding="3" cellspacing="4">
<tr>
<td width="79"><p>Deadline</p></td>
<td width="97"><p>Ingeleverd?</p></td>
<td width="245"><p>Titel: Nieuwe deadline blok 1_4</p></td>
<td align = "right"><a href="index.php?action=deletedeadline"
onclick = "return window.confirm('Let op: Je staat op het punt om deze
deadline te verwijderen. Klik op OK om door te gaan.');"> <img
src="delete.gif" alt="a" border="0"></a> <a
href="index.php?action=edit"> <img src="edit.gif" alt="a"
border="0"></a></td>
</tr>
<tr>
<td rowspan="3" valign="top"><div align="center"> <img
src="stoplicht_rood.gif" alt="rood"></div></td>
<td width="97" rowspan="3" valign="top"><div align="center"><img
src="stoplichten/nog_niet_ingeleverd.gif"
alt="nog_niet_ingeleverd"></div></td>
<td width="245" rowspan="3" valign="top"><p>Toegestane extensies:
doc <br>
Deadline:<b> 28 februari 2006 (11:00 uur)</b><br>
</p></td>
<td height="22" valign="top"><a href="index.php?action=uploaden">
<img src="/inleveren.gif" alt="a" border = "0"></a></td>
</tr>
<tr>
<td height="22" valign="top"> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td colspan="4"><p>De deadline is inmiddels verstreken. Je hebt nog
<b>niets</b> ingeleverd.</p></td>
</tr>
</table>
<table width="550" align="center" cellpadding="3" cellspacing="4">
<tr>
<td width="79"><p>Deadline</p></td>
<td width="97"><p>Ingeleverd?</p></td>
<td width="245"><p>Titel: Nieuwe deadline blok 1_4</p></td>
<td align = "right"><a href="index.php?action=deletedeadline"
onclick = "return window.confirm('Let op: Je staat op het punt om deze
deadline te verwijderen. Klik op OK om door te gaan.');"> <img
src="delete.gif" alt="a" border="0"></a> <a
href="index.php?action=edit"> <img src="edit.gif" alt="a"
border="0"></a></td>
</tr>
<tr>
<td rowspan="3" valign="top"><div align="center"> <img
src="stoplicht_rood.gif" alt="rood"></div></td>
<td width="97" rowspan="3" valign="top"><div align="center"><img
src="stoplichten/nog_niet_ingeleverd.gif"
alt="nog_niet_ingeleverd"></div></td>
<td width="245" rowspan="3" valign="top"><p>Toegestane extensies:
doc <br>
Deadline:<b> 28 februari 2006 (11:00 uur)</b><br>
</p></td>
<td height="22" valign="top"><a href="index.php?action=uploaden">
<img src="/inleveren.gif" alt="a" border = "0"></a></td>
</tr>
<tr>
<td height="22" valign="top"> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td colspan="4"><p>De deadline is inmiddels verstreken. Je hebt nog
<b>niets</b> ingeleverd.</p></td>
</tr>
</table>
<table width="550" align="center" cellpadding="3" cellspacing="4">
<tr>
<td width="79"><p>Deadline</p></td>
<td width="97"><p>Ingeleverd?</p></td>
<td width="245"><p>Titel: Nieuwe deadline blok 1_4</p></td>
<td align = "right"><a href="index.php?action=deletedeadline"
onclick = "return window.confirm('Let op: Je staat op het punt om deze
deadline te verwijderen. Klik op OK om door te gaan.');"> <img
src="delete.gif" alt="a" border="0"></a> <a
href="index.php?action=edit"> <img src="edit.gif" alt="a"
border="0"></a></td>
</tr>
<tr>
<td rowspan="3" valign="top"><div align="center"> <img
src="stoplicht_rood.gif" alt="rood"></div></td>
<td width="97" rowspan="3" valign="top"><div align="center"><img
src="stoplichten/nog_niet_ingeleverd.gif"
alt="nog_niet_ingeleverd"></div></td>
<td width="245" rowspan="3" valign="top"><p>Toegestane extensies:
doc <br>
Deadline:<b> 28 februari 2006 (11:00 uur)</b><br>
</p></td>
<td height="22" valign="top"><a href="index.php?action=uploaden">
<img src="/inleveren.gif" alt="a" border = "0"></a></td>
</tr>
<tr>
<td height="22" valign="top"> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td colspan="4"><p>De deadline is inmiddels verstreken. Je hebt nog
<b>niets</b> ingeleverd.</p></td>
</tr>
</table>
</body>
</html>
When I put multible tables in that frame internet explorer shows a
bottem scrolbar .. got no idea why. It shouldn't do that since the
iframe is 600 width and the table only 550 (even making the table width
100 doesn't matter)
Ive tried declariong the widt of the images with no effect.
any ideas ??
(the iframe)
<iframe
allowtransparency="true"
id="frmContent"
frameborder="0"
style="width: 600px; padding: 0px 0px 0px 0px;"
src="test.php"
name="frmContent"
class="iframeContent"
marginheight="0"
marginwidth="0" >
</iframe>
(the generated table)
<table width="550" align="center" cellpadding="3" cellspacing="4">
<tr>
<td width="79"><p>Deadline</p></td>
<td width="97"><p>Ingeleverd?</p></td>
<td width="245"><p>Titel: Nieuwe deadline blok 1_4</p></td>
<td align = "right"><a href="index.php?action=deletedeadline"
onclick = "return window.confirm('Let op: Je staat op het punt om deze
deadline te verwijderen. Klik op OK om door te gaan.');"> <img
src="delete.gif" alt="a" border="0"></a> <a
href="index.php?action=edit"> <img src="edit.gif" alt="a"
border="0"></a></td>
</tr>
<tr>
<td rowspan="3" valign="top"><div align="center"> <img
src="stoplicht_rood.gif" alt="rood"></div></td>
<td width="97" rowspan="3" valign="top"><div align="center"><img
src="stoplichten/nog_niet_ingeleverd.gif"
alt="nog_niet_ingeleverd"></div></td>
<td width="245" rowspan="3" valign="top"><p>Toegestane extensies:
doc <br>
Deadline:<b> 28 februari 2006 (11:00 uur)</b><br>
</p></td>
<td height="22" valign="top"><a href="index.php?action=uploaden">
<img src="/inleveren.gif" alt="a" border = "0"></a></td>
</tr>
<tr>
<td height="22" valign="top"> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td colspan="4"><p>De deadline is inmiddels verstreken. Je hebt nog
<b>niets</b> ingeleverd.</p></td>
</tr>
</table>
(the output of test.php)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>
<body>
<table width="550" align="center" cellpadding="3" cellspacing="4">
<tr>
<td width="79"><p>Deadline</p></td>
<td width="97"><p>Ingeleverd?</p></td>
<td width="245"><p>Titel: Nieuwe deadline blok 1_4</p></td>
<td align = "right"><a href="index.php?action=deletedeadline"
onclick = "return window.confirm('Let op: Je staat op het punt om deze
deadline te verwijderen. Klik op OK om door te gaan.');"> <img
src="delete.gif" alt="a" border="0"></a> <a
href="index.php?action=edit"> <img src="edit.gif" alt="a"
border="0"></a></td>
</tr>
<tr>
<td rowspan="3" valign="top"><div align="center"> <img
src="stoplicht_rood.gif" alt="rood"></div></td>
<td width="97" rowspan="3" valign="top"><div align="center"><img
src="stoplichten/nog_niet_ingeleverd.gif"
alt="nog_niet_ingeleverd"></div></td>
<td width="245" rowspan="3" valign="top"><p>Toegestane extensies:
doc <br>
Deadline:<b> 28 februari 2006 (11:00 uur)</b><br>
</p></td>
<td height="22" valign="top"><a href="index.php?action=uploaden">
<img src="/inleveren.gif" alt="a" border = "0"></a></td>
</tr>
<tr>
<td height="22" valign="top"> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td colspan="4"><p>De deadline is inmiddels verstreken. Je hebt nog
<b>niets</b> ingeleverd.</p></td>
</tr>
</table>
<table width="550" align="center" cellpadding="3" cellspacing="4">
<tr>
<td width="79"><p>Deadline</p></td>
<td width="97"><p>Ingeleverd?</p></td>
<td width="245"><p>Titel: Nieuwe deadline blok 1_4</p></td>
<td align = "right"><a href="index.php?action=deletedeadline"
onclick = "return window.confirm('Let op: Je staat op het punt om deze
deadline te verwijderen. Klik op OK om door te gaan.');"> <img
src="delete.gif" alt="a" border="0"></a> <a
href="index.php?action=edit"> <img src="edit.gif" alt="a"
border="0"></a></td>
</tr>
<tr>
<td rowspan="3" valign="top"><div align="center"> <img
src="stoplicht_rood.gif" alt="rood"></div></td>
<td width="97" rowspan="3" valign="top"><div align="center"><img
src="stoplichten/nog_niet_ingeleverd.gif"
alt="nog_niet_ingeleverd"></div></td>
<td width="245" rowspan="3" valign="top"><p>Toegestane extensies:
doc <br>
Deadline:<b> 28 februari 2006 (11:00 uur)</b><br>
</p></td>
<td height="22" valign="top"><a href="index.php?action=uploaden">
<img src="/inleveren.gif" alt="a" border = "0"></a></td>
</tr>
<tr>
<td height="22" valign="top"> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td colspan="4"><p>De deadline is inmiddels verstreken. Je hebt nog
<b>niets</b> ingeleverd.</p></td>
</tr>
</table>
<table width="550" align="center" cellpadding="3" cellspacing="4">
<tr>
<td width="79"><p>Deadline</p></td>
<td width="97"><p>Ingeleverd?</p></td>
<td width="245"><p>Titel: Nieuwe deadline blok 1_4</p></td>
<td align = "right"><a href="index.php?action=deletedeadline"
onclick = "return window.confirm('Let op: Je staat op het punt om deze
deadline te verwijderen. Klik op OK om door te gaan.');"> <img
src="delete.gif" alt="a" border="0"></a> <a
href="index.php?action=edit"> <img src="edit.gif" alt="a"
border="0"></a></td>
</tr>
<tr>
<td rowspan="3" valign="top"><div align="center"> <img
src="stoplicht_rood.gif" alt="rood"></div></td>
<td width="97" rowspan="3" valign="top"><div align="center"><img
src="stoplichten/nog_niet_ingeleverd.gif"
alt="nog_niet_ingeleverd"></div></td>
<td width="245" rowspan="3" valign="top"><p>Toegestane extensies:
doc <br>
Deadline:<b> 28 februari 2006 (11:00 uur)</b><br>
</p></td>
<td height="22" valign="top"><a href="index.php?action=uploaden">
<img src="/inleveren.gif" alt="a" border = "0"></a></td>
</tr>
<tr>
<td height="22" valign="top"> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td colspan="4"><p>De deadline is inmiddels verstreken. Je hebt nog
<b>niets</b> ingeleverd.</p></td>
</tr>
</table>
<table width="550" align="center" cellpadding="3" cellspacing="4">
<tr>
<td width="79"><p>Deadline</p></td>
<td width="97"><p>Ingeleverd?</p></td>
<td width="245"><p>Titel: Nieuwe deadline blok 1_4</p></td>
<td align = "right"><a href="index.php?action=deletedeadline"
onclick = "return window.confirm('Let op: Je staat op het punt om deze
deadline te verwijderen. Klik op OK om door te gaan.');"> <img
src="delete.gif" alt="a" border="0"></a> <a
href="index.php?action=edit"> <img src="edit.gif" alt="a"
border="0"></a></td>
</tr>
<tr>
<td rowspan="3" valign="top"><div align="center"> <img
src="stoplicht_rood.gif" alt="rood"></div></td>
<td width="97" rowspan="3" valign="top"><div align="center"><img
src="stoplichten/nog_niet_ingeleverd.gif"
alt="nog_niet_ingeleverd"></div></td>
<td width="245" rowspan="3" valign="top"><p>Toegestane extensies:
doc <br>
Deadline:<b> 28 februari 2006 (11:00 uur)</b><br>
</p></td>
<td height="22" valign="top"><a href="index.php?action=uploaden">
<img src="/inleveren.gif" alt="a" border = "0"></a></td>
</tr>
<tr>
<td height="22" valign="top"> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td colspan="4"><p>De deadline is inmiddels verstreken. Je hebt nog
<b>niets</b> ingeleverd.</p></td>
</tr>
</table>
<table width="550" align="center" cellpadding="3" cellspacing="4">
<tr>
<td width="79"><p>Deadline</p></td>
<td width="97"><p>Ingeleverd?</p></td>
<td width="245"><p>Titel: Nieuwe deadline blok 1_4</p></td>
<td align = "right"><a href="index.php?action=deletedeadline"
onclick = "return window.confirm('Let op: Je staat op het punt om deze
deadline te verwijderen. Klik op OK om door te gaan.');"> <img
src="delete.gif" alt="a" border="0"></a> <a
href="index.php?action=edit"> <img src="edit.gif" alt="a"
border="0"></a></td>
</tr>
<tr>
<td rowspan="3" valign="top"><div align="center"> <img
src="stoplicht_rood.gif" alt="rood"></div></td>
<td width="97" rowspan="3" valign="top"><div align="center"><img
src="stoplichten/nog_niet_ingeleverd.gif"
alt="nog_niet_ingeleverd"></div></td>
<td width="245" rowspan="3" valign="top"><p>Toegestane extensies:
doc <br>
Deadline:<b> 28 februari 2006 (11:00 uur)</b><br>
</p></td>
<td height="22" valign="top"><a href="index.php?action=uploaden">
<img src="/inleveren.gif" alt="a" border = "0"></a></td>
</tr>
<tr>
<td height="22" valign="top"> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td colspan="4"><p>De deadline is inmiddels verstreken. Je hebt nog
<b>niets</b> ingeleverd.</p></td>
</tr>
</table>
<table width="550" align="center" cellpadding="3" cellspacing="4">
<tr>
<td width="79"><p>Deadline</p></td>
<td width="97"><p>Ingeleverd?</p></td>
<td width="245"><p>Titel: Nieuwe deadline blok 1_4</p></td>
<td align = "right"><a href="index.php?action=deletedeadline"
onclick = "return window.confirm('Let op: Je staat op het punt om deze
deadline te verwijderen. Klik op OK om door te gaan.');"> <img
src="delete.gif" alt="a" border="0"></a> <a
href="index.php?action=edit"> <img src="edit.gif" alt="a"
border="0"></a></td>
</tr>
<tr>
<td rowspan="3" valign="top"><div align="center"> <img
src="stoplicht_rood.gif" alt="rood"></div></td>
<td width="97" rowspan="3" valign="top"><div align="center"><img
src="stoplichten/nog_niet_ingeleverd.gif"
alt="nog_niet_ingeleverd"></div></td>
<td width="245" rowspan="3" valign="top"><p>Toegestane extensies:
doc <br>
Deadline:<b> 28 februari 2006 (11:00 uur)</b><br>
</p></td>
<td height="22" valign="top"><a href="index.php?action=uploaden">
<img src="/inleveren.gif" alt="a" border = "0"></a></td>
</tr>
<tr>
<td height="22" valign="top"> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td colspan="4"><p>De deadline is inmiddels verstreken. Je hebt nog
<b>niets</b> ingeleverd.</p></td>
</tr>
</table>
</body>
</html>