Oliver Baer: CSS Layout Probleme DIV Breite

Beitrag lesen

Moin,

ich brech mir hier einen ab. Habe eine Seite, die ein 2 Spaltiges Layout hat. In der rechten Spalte ist eine weitere Tabelle auf 100%. Soweit so gut.

Nun möchte ich dort einen Div aufklappen, im IE sieht alles ok aus, der DIV geht auch auf 100% der Breite der Tabelle auf. Nur im Firefox nicht, da geht der DIV breiter auf (etwa um die Breite der linken Spalte).

Ich weiss nicht wie ich das noch lösen kann, feste Breiten will ich nicht setzen (nur für die linke Spalte) die rechte steht dann auf 100%.

Wo ist denn mein Denkfehler?

Hier mal n bischen Code:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
 <td colspan="4">
 <div id='tools_div' style="width:100%; top:0px; position:absolute;z-index:0;display:none; padding:0px;">
 <table cellspacing='0' cellpadding='0' border='0' width='100%'>
  <tr>
   <td class="tools_fenster_l"><img src="static/img/1x1.gif" alt="" width="10" height="10" border="0" /></td>
   <td class="tools_fenster_m" style="padding-left:2px; padding-top:5px" valign="top" width='100%'/><!-- mitte oben rundung einf�gen --></td>
   <td class="tools_fenster_r" ><img src="static/img/1x1.gif" alt="" width="10" height="10" border="0" /></td>
  </tr>
  <tr>
   <td class="tools_table_background"></td>
   <td class="tools_table_background" width="100%"><iframe name='tools_iframe' id='tools_iframe' frameborder="0" scrolling="No" style='width:100%; border:none; padding:0px;background-color:#636363;'"></iframe></td>
   <td class="tools_table_background"></td>
  </tr>
  <tr>
   <td class="tools_schatten" colspan="3"></td>
  </tr>
 </table>
 </div>
 </td>
</tr>
</table>

Dieser DIV sollte doch nur um genau die Breite aufgehen wie die Tabelle breit ist in der er ist??

Danke schonmal

Oli