Michael Vogel: Zwei Objekte am unteren Bildschirmrand plazieren, wie?

Beitrag lesen

Hi!

Ich habe den folgenden Quelltext, der unter Mozilla und IE wunderbar funktioniert:
--------------------------
<html>
<head>
<style type="text/css">
#centertable {
  width: 100%;
  height: 100%;        
  text-align: center;
  vertical-align: middle;
}
#contenttable {
  width: 100%;
  height: 100%;        
  text-align: center;
  vertical-align: middle;
}
#menutable {
  width: 100%;
  height: 100%;        
  text-align: center;
  vertical-align: middle;
}
</style>
</head>
<body>
<table id="centertable" width="100%" height="100%" cellspacing=0 cellpadding=0 border=1><tr><td>

<table id="menutable" width="100%" height="100%" cellspacing=0 cellpadding=0 border=1><tr><td valign=top>
Menü oben (Mit Firmenlogo und Navigation)
</td></tr>
<tr><td valign=bottom>
menü unten (Ein einzelnes Bild)
</td></tr>
</table></td>
<td width="100%"><table id="contenttable" width="100%" height="100%" cellspacing=0 cellpadding=0 border=1>
<tr><td valign=top>
Inhalt
</td></tr>
<tr><td valign=bottom>
Navigationsleiste
</td></tr></table>

</td></tr></table>

</body>
</html>
--------------------------
"Menu unten" und "Navigationsleiste" sollen jeweils am unteren Bildschirmrand residieren.

Leider ignoriert die Geißel böser Webprogrammierer (Netscape) diese Angaben. Wieso?

Wie bekomme ich es ansonsten hin?

Danke!

Michael