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

Crian
 2004-02-02 00:30
#25575 #25575
User since
2003-08-04
5866 Artikel
ModeratorIn
[Homepage]
user image
Schau Dir die Ausgabe mal in dieser Version an:

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
52
53
54
55
56
57
58
59
60
<!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;
border:5px dotted blue
}
#mitte {width: 50%; float:left;
border:5px dotted green
}
#rechts {/*füllt, bedingt durch float:left von #mitte, die rechte seite auf*/
border:5px dotted red
}
#kopf {/*braucht nix zum justieren*/
border: 10px solid red
}
#fuss {clear:both;
border: 10px solid yellow
}
#main {height: 100%;/*damit fuss weiß wo er anzufangen hat*/
border: 10px solid magenta
}
</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>


.. sehr aufschlußreich: Rechts ist gleich Main und Mitte ragt nach unten aus Main heraus.\n\n

<!--EDIT|Crian|1075674717-->
s--Pevna-;s.([a-z]).chr((ord($1)-84)%26+97).gee; s^([A-Z])^chr((ord($1)-52)%26+65)^gee;print;

use strict; use warnings; Link zu meiner Perlseite

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