JS: Höhe Tabellenzeile festlegen

R

Raven280438

Erfahrenes Mitglied
Hi,

Ich habe eine Tabelle mit 3 Zeilen. Ich möchte, dass die untere Zeile immer ganz Unten angezeigt wird. Mit CSS hab ich das nicht hinbekommen, und ich dachte mir, vielleicht geht das mit Javascript.

Ich möchte die Höhe der mittleren Zeile so festlegen, dass die untere Zeile immer am unteren Rand ist.
Leider funktioniert das weder in IE noch in FF.
HTML: 
<script type="text/javascript">
	function DoOnLoad() {
		document.all.content.offsetHeight = (document.body.clientHeight - 148 - 35);
	}
</script>
[...]
<body OnLoad="DoOnLoad()" style='margin:0px;height:100%;width:100%;vertical-align:bottom'>

<table border='0' cellpadding='0' cellspacing='0' width='100%' height='100%' valign='top'>
<tr width='100%' height='148'>
	<td width='100%' height='148' style='background:url(<?php echo $header_pic; ?>) repeat-x'>&nbsp;</td>
</tr>
<tr valign='top' width='100%' height='100%'>
	<td valign='top' height='100%' style='padding:0 10px 10px 10px' id='content'><?php include("content.php"); ?></td>
</tr>
<tr width='100%' height='35' valign='bottom'>
	<td width='100%' height='35' align='center' valign='middle' style='bottom:0px;background:url(images/layout/footer.jpg) repeat-x'><?php echo $footer_text; ?></td>
</tr>
</table>

</body>

Kann mir jemand weiterhelfen?
 
Meinst du so?
Code: 
<html>
<head>
<title>Test</title>
<style type="text/css">
<!--
html, body{margin:0}
-->
</style>
</head>
<body>

<table border="1" style="height:100%">
<tr>
	<td style="height:148px">oben</td>
</tr>
<tr>
	<td>mitte</td>
</tr>
<tr>
	<td style="height:35px">unten</td>
</tr>
</table>
</body>
</html>
 
Hi,

Code: 
html, body{height:100%;margin:0}
sollte da weiterhelfen, falls du das Dokument im Standardsmode übergibst.
 
Wenn in der mittleren Zeile z.B. nur ein Kurzer Text steht, dann sind die obere und die untere Zeile nichtmehr so hoch, wie sie eigendlich sein sollten, sondern haben eine beliebige Höhe.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück