3 iframe nebeneinander mit autogröße?

[chris]

Hi, ich möchte auf meiner Seite 3 iframe NEBENeinander anzeigen lassen, bei welchen die Größe automatisch erkannt wird. Das ganze in einer Tabellenzelle auf der rechten seite.

<tr>
<td class="logo_2" >
 <table cellspacing="5" cellpadding="0" border="0" width="100%" >
<tr><td align="right">
<div id="ifr">
 <iframe src="iframeall.php"
      scrolling="no" marginheight="0" marginwidth="0" frameborder="0">
</iframe> <iframe src="iframe1.php"
      scrolling="no" marginheight="0" marginwidth="0" frameborder="0">
</iframe> <iframe src="iframe.php"
      scrolling="no" marginheight="0" marginwidth="0" frameborder="0">
</iframe></div></td></tr>
</table>
</td>
</tr>
</table>
</td>
</tr>

der css-code:

#ifr{
 width:auto;
 height:100%;
 position:relative;
 }

Es wird mir dann aber alles UNTEReinander angezeigt und es sprengt das Seitenlayout?

##################################################################################

Es funktioniert mit diesem Code:

<tr>
<td class="logo_2" >
 <table cellspacing="5" cellpadding="0" border="0" width="100%" >
<tr><td align="right">
<div style="position:relative;">
 <iframe src="/lmo4/iframeall.php" width="89" height="100"
        scrolling="no" marginheight="0" marginwidth="0" frameborder="0">
</iframe> <iframe src="iframe1.php" width="89" height="100"
        scrolling="no" marginheight="0" marginwidth="0" frameborder="0">
</iframe> <iframe src="iframe.php" width="89" height="100"
        scrolling="no" marginheight="0" marginwidth="0" frameborder="0">
</iframe></div></td></tr>
</table>
</td>
</tr>
</table>
</td>
</tr>

Aber hier ist das Problem, das ich die Größe des iframes angeben muss, dies nicht variabel ist. Aber nebeneinander wird es hier angezeigt.

Was kann ich denn da machen?