Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 11.06.2004, 19:33
to.ni to.ni ist offline
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.02.2004
Beiträge: 48
to.ni befindet sich auf einem aufstrebenden Ast
Standard Höhe eines td festlegen

Wiedermal hallo,

wie es so ist spricht der Mozilla eine andere Sprache als der IE... Folgendes Problem:

Ich habe eine Tabelle (Tabellen-Design) die 100% hoch ist, darin befinden sich 4 zeilen. Die erste Zeile ist für eine Grafik gedacht (header), die zweite für die Navigation (navigation), die dritte beinhaltet den Text auf jeder Seite (content) und die Vierte folgt als Fußzeile (footer).
Die Zeilen 1, 2 und 4 haben eine feste Höhe in Pixeln, der Content jedoch nicht. Er sollte mindestens so hoch sein, dass die Tabelle über den ganzen bildschirm reicht. Der IE macht das aber der Mozilla richtet die höhe der Content-Zeile nach dem Inhalt.

Wie kann ich es machen, dass auch der Mozilla die Höhe der Content-Zeile auf 100% - Höhe der anderen 3 Zeilen setzt?

Hier meine Codes...

Code:
<table class="main">
<tr>
 <td class="header">Grafik...</td>
</tr>
<tr>
 <td class="navigation">Navigation</td>
</tr>
<tr>
 <td class="content">Text auf jeder Seite</td>
</tr>
<tr>
 <td class="footer">Fußzeile</td>
</tr>
</table>
Code:
td
{
 border : none;
 padding : 2px;
}

table.main
{
 width : 600px;
 height : 100%;
 table-layout : fixed;
 border-collapse : collapse;
 border : none;
}

td.header
{
 width : 600px;
 height : 70px;
}

td.navigation
{
 width : 600px;
 height : 30px;
}

td.content
{
 width : 600px;
}

td.footer
{
 width : 600px;
 height : 25px;
}
Danke und fg
to.ni
Mit Zitat antworten
Sponsored Links