nicht angemeldet
Habe folgendes Problem mit dem Mozilla in der Darstellung von Tabellen, habe eine Tabelle definiert, in der alle Zellen bis auf eine, eine feste Höhe besitzen, nun will ich, dass die Höhe der undefinierten Zelle sich variabel anpasst, so dass die Tabelle immer 100% gross ist. Im IE funktioniert das wunderbar, nur im Mozilla nicht, kann mir hier jemand nen entscheidenden Tip geben, wie ich dies auch unter Mozilla hinbekommen kann.
Des weiteren wird der Inhalt der middle_content Zelle im Mozilla nicht zentriert, im IE dagegen schon, was kann ich da machen ?
Hier mal mein Code:
.middletab { height:auto; width:996px; border:0; border-spacing:0px; table-layout:fixed; background-image:url(../images/home/content_bg.jpg); }
.main_menu { width:160px; height:auto; vertical-align:top; }
.menutab_m { width:160px; height:100%; border:0; border-spacing:0px; table-layout:fixed; }
.menu_db { width:160px; height:15px; }
.menu_bb { width:160px; height:95px; }
.middle_content { vertical-align:top; text-align:center; }
.main_b { width:996px; height:45px; }
<table class="middletab" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="main_menu">
<table class="menutab_m" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="menu_db"><img src="../../images/home/menu_db.jpg" class="menu_db" alt=""></td>
</tr>
<tr>
<td>
Diese Zelle soll autmatisch in der Hoehe angepasst werden !!
</td>
</tr>
<tr>
<td class="menu_bb"><img src="../../images/home/menu_bb.jpg" class="menu_bb" alt=""></td>
</tr>
</table>
</td>
<td class="middle_content">
Inhalt mit variabler Hoehe !!
</td>
</tr>
<tr>
<td class="main_b"><img src="../../images/home/main_bottom.jpg" class="main_b" alt=""></td>
</tr>
</table>