nicht angemeldet
Tabellen-Layout...
Hallo Forum!
Ich habe ein ganz einfaches Tabellen-Layout, dass etwa so aussieht:
+--------------------------+
| Top |
+-----+--------------------+
| | |
|Navi-| Inhalt |
|ga- | |
|tion | |
| | |
+-----+--------------------+
Das Problem ist nun, wenn nicht genügend Inhalt da ist, hört die Tabelle irgendwo mitten im Bildschirm auf - ich möchte aber, dass sie immer bis zum Bildschirmrand geht. <table height="100%"> ist ja nicht korrekt. Wie kann ich das sonst machen?
Viele Grüße und danke im Voraus,
Ulli
-
Hi Ulli,
ich löse das immer durch einen unsichtbaren Spacer (ein transparentes GIF 1x1 Pixel), den ich via JavaScript durch das OnLoad Ereignis modifiziere:
<html>
<head>
<title>Demo</title>
<script language="javascript">
<!--
function set_spacer(){
var ih;
if(navigator.appName!="Microsoft Internet Explorer"){
ih=window.innerHeight;
}else{
ih=document.body.offsetHeight;
}
// Höhe des Fensters - Irgendein Wert,
// damit die Tabelle nicht zu hoch wird
// und gescrollt werden muss
document.spacer.height=ih-185;
}
//-->
</script>
</head>
<body OnLoad="set_spacer()">
<table border="0" cellpadding="10" cellspacing="0" width="100%">
<tr>
<td colspan="2"><p>Kopf</p></td>
<td rowspan="2" width="1"><p><img src="spacer.gif" border="0" width="1" height="1" id="spacer"></p></td>
</tr>
<tr>
<td valign="top" width="150"><p>Navigation</p></td>
<td valign="top"><p>Inhalt der Seite</p></td>
</tr>
</table>
</body>
</html>Ich hoffe das hilft Dir weiter.
Ciao
Andreas -
ich möchte aber, dass sie immer bis zum Bildschirmrand geht. <table height="100%"> ist ja nicht korrekt. Wie kann ich das sonst machen?
Mit CSS.
Stand schonmal vor dem selben Problem und mir wurde hier gut geholfen (siehe Archiv: http://forum.de.selfhtml.org/archiv/2002/4/9340/#m51981)<style type="text/css">
<!--
html, body { height: 100%; }
-->
</style>@Andreas: ich bin derselben Meinung wie Kai in meinem Thread: Blindgifs sind keine Lösung...
-
Hi Benjamin,
das ist richtig - die sind nicht wirklich eine Lösung. Aber sie funktionieren, solange sich die Größe des Fensters nicht ändert. Fraglich ist eben, ob die CSS Angabe - aber sieht sehr elegant aus ;o)
*wiederwasdazugelernt*Ciao
Andreas-
hi
das ist richtig - die sind nicht wirklich eine Lösung. Aber sie funktionieren, solange sich die Größe des Fensters nicht ändert. Fraglich ist eben, ob die CSS Angabe - aber sieht sehr elegant aus ;o)
es funzt, glaub's mir ;)
und deine Lösung sieht gruselig aus!Grüße aus Lüneburg
Kai
-
-