DIV mit 100% Höhe

27. Mai 2007, 6:35 UhrHTMLMark

Der folgende Code zeigt, wie man ein DIV mit 100% Höhe valide erzeugt.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> 100% DIV </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
html,body{
	background:	#FFFFFF;
	font-size: 100.01%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	height:100%;
}
#content{
	min-height: 100%;
	height: auto !important;  /* für moderne Browser */
	height: 100%;  /*für den IE */
	width: 300px;
	background: #cccccc;
	text-align: center;
}
</style>
</head>
<body>
<div id="content">Ich bin das Div</div>
</body>
</html>

2 comments:

  1. Hagbard Celine, 14. Juli 2007, 13:03

    Spitze - funktioniert einwandfrei, soetwas habe ich schon lange gesucht, vielen Dank!

     
  2. evilion, 22. September 2007, 0:05

    Wenn du neben mir staendest wuerde ich dir jetzt die fuesse kuessen! Danke, vielen Dank! Du bist mein Held.

     

Write a comment: