hey!
ich bin neu hier und habe gleich zu beginn ein bzw. mehrere probleme.
ich möchte mehrere bereiche auf meiner website und habe dazu für jeden einen div-container erstellt.
hier eine skizze wie ich mir die einteilung vorstelle wobei die einzelnen divs bezeichnet sind wie ihre id im code:
link
dazu der code von der seite die angezeigt wird:
PHP:1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
| <html>
<head>
<title>gtp</title>
<meta name="author" content="matt">
<link rel="stylesheet" type="text/css" href="divstyle.css">
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<img src="header.gif" id="header">
<div id="menu"><h1>NAVIGATION!</h1></div>
<div id="newest"><h1>NEWEST!</h1></div>
<div id="shortinfo">SHORTINFO!</div>
<div id="content">content!</div>
<div id="todo">TO DO!</div>
<div id="na">N/A!</div>
</body>
</html> |
und der code der css-datei (die farben dienen nur der anschaulichkeit, kommen später weg):
PHP: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
| #header{
width: 728px;
height: 90px;
position: relative;
left: 2%;
}
#menu{
width: 81%;
height: 10%;
position: relative;
left: 4%;
background-color: yellow;;
text-align: center;
vertical-align: middle;
border-top: 2px;
border-top-style: solid;
}
#content{
width: 40%;
height: 60%;
position: relative;
left: 20%;
background-color: #00ffff;
}
#shortinfo{
width: 16%;
height: 30%;
position: relative;
left: 4%;
float: left;
background-color: #00ff00
}
#todo{
width: 16%;
height: 30%;
position: relative;
left: 4%;
float: left;
background-color: yellow;
}
#newest{
width: 25%;
height: 30%;
position: relative;
right: 15%;
float: right;
background-color: #00ff00;
}
#na{
width: 25%;
height: 30%;
position: relative;
right: 15%;
float: right;
background-color: yellow;
}
text.html: |
doch jz schaut die seite so aus:
link
was habe ich falsch gemacht?
______________________________________________________________________________
ein 2. problem. da ich ja wahrscheinlich mehr content haben werde als im feld content platz hat. wollte ich ihn mit einem overflow: auto attribut erweitern. etwa so:
PHP:1
2
3
4
5
6
7
8
| #content{
width: 40%;
height: 60%;
position: relative;
left: 20%;
overflow: auto;
background-color: #00ffff;
} |
doch dann
kam das dabei raus:
link
ich wäre wirklich sehr froh über auflösung und erklärung meiner beiden probleme und bin recht zuversichtlich, weil ich gesehen habe, dass es hier ziemlich bemerkenswert gute programmierer gibt :D
danke und lg
matt
Forum: Website & Webprogrammierung 
Mitglieder gesamt: 68138 
.
