Block-Element Höhe 100% wie möglich?

Beitrag von **wuschba** » 27.06.2006, 09:28

Hallo! Ich möchte gerne eine Tabelle (oder ein div) mit Höhe 100% darstellen. Code ist:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http&#58;//www.w3.org/TR/html4/loose.dtd">
<html>
<body>

<table border="1" cellpadding="0" cellspacing="0" style="width&#58;100%; height&#58;100%;">
<tr><td>Test 1</td></tr>
<tr><td>Test 2</td></tr>
<tr><td>Test 3</td></tr>
</table>

</body>
</html>

Weder Table mit height:100% noch div mit height:100% geht, die Tabelle ist immer nur so hoch wie der Inhalt. Woran kann das liegen?

von **Anzeige von ABAKUS** »

Beitrag von **ole1210** » 27.06.2006, 09:46

Eigentlich gibt es 100% Höhe in den neueren HTML-Versionen nicht mehr.

So geht es aber dennoch:

Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http&#58;//www.w3.org/TR/html4/loose.dtd">
<style type="text/css">
<!--
body &#123;
	padding&#58;0px;
	height&#58; 100%;
	margin&#58; 0px;
&#125;

html &#123; 
height&#58; 100%;
&#125;
-->
</style>

<html>
<body>

<table border="1" cellpadding="0" cellspacing="0" style="width&#58;100%; height&#58;100%;">
<tr><td>Test 1</td></tr>
<tr><td>Test 2</td></tr>
<tr><td>Test 3</td></tr>
</table>

</body>
</html>

Viele Grüße

Ole

Beitrag von **wuschba** » 27.06.2006, 09:52

Ah, super, danke!