Thread Dreispaltiges Layout mit CSS: um Tabellen los zu werden (51 answers)
Opened by Crian at 2004-01-31 01:24

KKO
 2004-02-01 22:35
#25573 #25573
User since
2003-11-05
124 Artikel
BenutzerIn

user image
float:left für links und mitte ist wohl doch das beste
.... jetzt meckert auch der W3C-Validator nicht mehr.....
Code: (dl )
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

View full thread Dreispaltiges Layout mit CSS: um Tabellen los zu werden