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:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
|
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>mein erstes div layout</title>
<style type="text/css">
<!--
#header {
margin:auto;
width:700px;
height:150px;
background-color:#0099FF;
}
#maincontainer {
margin:auto;
width:700px;
}
#leftnav {
float:left;
width:150px;
background-color:#99CC33;
text-align:left;
}
#content {
float:left;
width:400px;
background-color:#999999;
text-align:center;
}
#rightnav {
float:left;
width:150px;
background-color:#99CC33;
text-align:right;
}
-->
</style>
</head>
<body>
<div id="header">HEADER</div>
<div id="maincontainer">
<div id="leftnav">LEFTNAV</div>
<div id="content">
CONTENT
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
CONTENT
</div>
<div id="rightnav"> RIGHTNAV
</div>
</div>
</body>
</html>
|