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 18:49
#25570 #25570
User since
2003-11-05
124 Artikel
BenutzerIn

user image
so wie es aussieht, sind hauptl und hauptr im  hauptm
( teste mal, indem du dem hauptm einen border gibst )
wenn der border auch auf hauptl und hauptr greift, dann stimmt wohl was mit den endtags /div nicht

mainmitte ist nach wie vor unnötig :-))

hier nochmal ein simples beispiel, wo es so funktioniert wie du es wohl haben willst

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
<html><head>
<style type="text/css">
#mitte { border:solid 1px; margin-left:205px;margin-right:205px;background-color:#E0E0E0;}
#links { border:solid 1px;width: 200px;  float: left;background-color:#E0E0E0;}
#rechts {border:solid 1px;width: 200px; float: right;background-color:#E0E0E0;}
#kopf {border:solid 1px;margin-bottom:50px;background-color:#E0E0E0;}
#fuss {border:solid 1px;background-color:#E0E0E0;
margin-top:20px;
}
</style>
</head><body>

<div id="kopf"><h1>KOPF</h1>
xxxxx xxxxxxxxxxx xxxxxxxxx xxxxxx
</div>


<div id="links"><h1>LINKS</h1>
 width: 200px;
 float: left;
</div>

<div id="rechts"><h1>RECHTS</h1>
 width: 200px;
 float: right;
</div>

<div id="mitte"><h1>MITTE</h1>
 margin-left: 205px;
 margin-right: 205px;
xxxxxxxxxxxxxx xxxxxxxxxxxxx xxxxxxxxx xxxxxxxxxxxxx xxxxxxxxxx xxxxxxxxxx
xxxxxxxxxxxxxx xxxxxxxxxxxxx xxxxxxxxx xxxxxxxxxxxxx xxxxxxxxxx xxxxxxxxxx
xxxxxxxxxxxxxx xxxxxxxxxxxxx xxxxxxxxx xxxxxxxxxxxxx xxxxxxxxxx xxxxxxxxxx
</div>

<div id="fuss" ><h1>FUSS</h1>
xxxxx xxxxxxxxxxx xxxxxxxxx xxxxxx
</div>
</body>
</html>


ich würde auch keine schriftgröße festlegen ( ist userfreundlicher ) und die bereiche die größenmäßg hervorgehoben werden sollen mit relativen angaben wie zb. 200% umsetzen.
Gruß
KKO

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