Tabelle bis zum unteren Fensterrand ausdehnen
Tim Ruffing
- css
0 basti
Hi,
ich möchte eine Tabelle (über der noch andere Elemente stehen) bis zum unteren Rand des Elternelemets (ein div) ausdehnen. Ich hab es mit margin-bottom: 0px versucht, ging aber nicht. Wie kann man das hinkriegen?
Tschüss
Tim
Hi,
ich möchte eine Tabelle (über der noch andere Elemente stehen) bis zum unteren Rand des Elternelemets (ein div) ausdehnen. Ich hab es mit margin-bottom: 0px versucht, ging aber nicht. Wie kann man das hinkriegen?
Tschüss
Tim
-> <table height="100%">
Hi,
-> <table height="100%">
Nein, dann kriegt die Tabelle die Höhe der Seite
Tim
Hallo,
ich versteh schon dein Problem, aber die Ursache muss in einem Quelltext-Fehler stecken. Stell doch mal die wesentlichen Stellen hier ins Forum!
Anna
stümmt, sowohl via css als über das attribut height wird in allen browsern immer der raum nach voranstehenden elementen gemessen:
css-variante:
<html>
<head>
<style type="text/css">
body {margin:0px}
table {
height:100%;
background-color:#ffff00;
}
</style>
</head>
<body>
<h1>Irgendein dusseliges Element</h1>
<table>
<tr><td>Meine Tabelle</td></tr>
</table>
</body>
</html>
Variante für nn4x
<html>
<head>
<style type="text/css">
body {margin:0px;}
</style>
</head>
<body marginwidth="0" marginheight="0" topmargin="0" leftmargin="0">
<span>Irgendein dusseliges Element</span>
<table height="100%" bgcolor="#ff0000">
<tr><td>Meine Tabelle</td></tr>
</table>
</body>
</html>
gruß, uschi
Also,
--schnipp--
<div style="margin-bottom: 0px; margin-top: 0px; width: 100%; height: 100%; paddding: 0px;">
...
<table border="0" cellspacing="4" cellpadding="0" class="zentriert" style="margin-top: -4px; margin-bottom: 0px;">
...
</table>
</div>
--schnapp--
.zentriert {text-align: center;}
Anna
Tim