Seite 1 von 1

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

Verfasst: 27.06.2006, 09:28
von wuschba
Hallo! Ich möchte gerne eine Tabelle (oder ein div) mit Höhe 100% darstellen. Code ist:

Code: Alles auswählen

<!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?

Verfasst:
von

Verfasst: 27.06.2006, 09:46
von ole1210
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

Verfasst: 27.06.2006, 09:52
von wuschba
Ah, super, danke!