float:left für links und mitte ist wohl doch das beste
.... jetzt meckert auch der W3C-Validator nicht mehr.....
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Kopf - 3 Spalten - Fuss</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#links {width: 20%; float:left;}
#mitte {width: 50%; float:left; }
#rechts {/*füllt, bedingt durch float:left von #mitte, die rechte seite auf*/}
#kopf {/*braucht nix zum justieren*/}
#fuss {/*braucht nix zum justieren*/}
#main {width: 100%;/*damit fuss weiß wo er anzufangen hat*/}
</style>
</head>
<body>
<div id="kopf"><h1>KOPF</h1>
xxxxx xxxxxxxxxxx xxxxxxxxx xxxxxx
</div>
<div id="main">
<div id="links"><h1>LINKS</h1>
xxxxxxxxxxxxxx xxxxxxxxxxxxx xxxxxxxxx xxxxxxxxxxxxx
</div>
<div id="mitte"><h1>MITTE</h1>
xxxxxxxxxxxxxx xxxxxxxxxxxxx xxxxxxxxx xxxxxxxxxxxxx xxxxxxxxxx xxxxxxxxxx
xxxxxxxxxxxxxx xxxxxxxxxxxxx xxxxxxxxx xxxxxxxxxxxxx xxxxxxxxxx xxxxxxxxxx
xxxxxxxxxxxxxx xxxxxxxxxxxxx xxxxxxxxx xxxxxxxxxxxxx xxxxxxxxxx xxxxxxxxxx
xxxxxxxxxxxxxx xxxxxxxxxxxxx xxxxxxxxx xxxxxxxxxxxxx xxxxxxxxxx xxxxxxxxxx
xxxxxxxxxxxxxx xxxxxxxxxxxxx xxxxxxxxx xxxxxxxxxxxxx xxxxxxxxxx xxxxxxxxxx
xxxxxxxxxxxxxx xxxxxxxxxxxxx xxxxxxxxx xxxxxxxxxxxxx xxxxxxxxxx xxxxxxxxxx
</div>
<div id="rechts"><h1>RECHTS</h1>
xxxxxxxxxxxxxx xxxxxxxxxxxxx xxxxxxxxx xxxxxxxxxxxxx xxxxxxxxxx xxxxxxxxxx
</div>
</div>
<div id="fuss" ><h1>FUSS</h1>
xxxxx xxxxxxxxxxx xxxxxxxxx xxxxxx
</div>
</body>
</html>
Gruß
KKO