red-m: Scrollbares <div> in einer variablen Tabelle

Beitrag lesen

Hallo,

ich habe folgendes Problem, welches beim Firefox auftritt. Der IE macht eigentlich genau was ich will.

In einer Tabelle der Form

<table style="table-layout:fixed;
 border-collapse:collapse;
 border-spacing:0px;
 padding:0px;
 margin:0px;
 border:0px;
 height:100%;
 width:100%;"
        cellpadding="0" cellspacing="0" border="0">

<colgroup>
 <col style="width:13px">
 <col style="width:488px">
 <col style="width:auto">
 <col style="width:201px">
 <col style="width:13px">
</colgroup>

<tr style="height:121px">
 <td colspan="2"></td>
 <td></td>
 <td></td>
 <td></td>
</tr>
<tr style="height:30px">
 <td></td>
 <td></td>
 <td></td>
 <td></td>
 <td></td>
</tr>
<tr style="height:3px">
 <td colspan="5"></td>
</tr>
<tr style="height:15px">
 <td></td>
 <td></td>
 <td></td>
 <td></td>
 <td></td>
</tr>
<tr style="height:auto">
 <td colspan="2"></td>
 <td><div id="divmain"><!--Main--></div></td>
 <td></td>
 <td></td>
</tr>
<tr style="height:5px">
 <td></td>
 <td></td>
 <td></td>
 <td></td>
 <td></td>
</tr>
<tr style="height:6px">
 <td></td>
 <td></td>
 <td></td>
 <td></td>
 <td></td>
</tr>
</table>

befindet sich in der in Breite und Höhe variablen Zelle der <div> Bereich "divmain". Dieser soll sich nun an die Größe der Zelle anpassen und für den Fall, dass sein Inhalt zu groß wird, einen Scrollbalken zur Verfügung stellen. Beim IE funktioniert das wie gesagt mit

#divmain {
 width:100%;
 height:100%;
 overflow:auto;
}

nur der Firefox vergrößert stattdessen die Tabelle, obwohl eigentlich table-layout auf "fixed" gesetzt ist.

Kennt jemand von euch eine Möglichkeit, wie ich dies auch im Firefox richtig darstellen kann?

Vielen Dank