CSS vraag
Ik probeer een pagina te maken met een aantal divjes erin.
Hier mijn index.html:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="rbs.css" type="text/css" rel="stylesheet">
<title>RBS</title>
</head>
<body>
<div id="hoofd">
<div id="top">RBS</div>
<div id="menu">Menu</div>
</div>
<div id="navigatie">Navigatie</div>
<div id="content">Content<Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br />test<br /><br />test</div>
<div id="voet">Voet</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="rbs.css" type="text/css" rel="stylesheet">
<title>RBS</title>
</head>
<body>
<div id="hoofd">
<div id="top">RBS</div>
<div id="menu">Menu</div>
</div>
<div id="navigatie">Navigatie</div>
<div id="content">Content<Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br /><Br /><br />test<br /><br />test</div>
<div id="voet">Voet</div>
</body>
</html>
Heb al die <BR> erin staan om te kijken hoe het gaat met scrollen.
Dan is dit de css:
Code (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
58
59
60
61
62
63
64
65
66
67
68
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
61
62
63
64
65
66
67
68
/* CSS Document */
html {
background:#FFFFFF none repeat scroll 0 0;
border:0 none;
font-family:georgia,palatino linotype,times new roman,serif;
font-size:76%;
height:100%;
margin:0;
max-height:100%;
overflow:hidden;
padding:0;
}
body {
border:0 none;
height:100%;
margin:0;
max-height:100%;
overflow:hidden;
padding:0;
}
/* Css voor de div: top */
#top {
width:100%;
background-color:#FF0000;
height:140px;
left:0;
margin:0;
top:0;
}
#menu {
height:50px;
background-color:#0000CC;
}
#navigatie {
background-color:#202020;
bottom:0px;
font-size:1.2em;
left:0;
overflow:auto;
position:absolute;
top:190px;
width:170px;
}
#content {
background:#ACACAC none repeat scroll 0 0;
bottom:30px;
left:170px;
overflow:auto;
position:absolute;
right:0;
top:190px;
height:100%;
}
#voet {
width:100%;
background-color:#00FF00;
overflow:hidden;
position:inherit;
bottom:0;
}
html {
background:#FFFFFF none repeat scroll 0 0;
border:0 none;
font-family:georgia,palatino linotype,times new roman,serif;
font-size:76%;
height:100%;
margin:0;
max-height:100%;
overflow:hidden;
padding:0;
}
body {
border:0 none;
height:100%;
margin:0;
max-height:100%;
overflow:hidden;
padding:0;
}
/* Css voor de div: top */
#top {
width:100%;
background-color:#FF0000;
height:140px;
left:0;
margin:0;
top:0;
}
#menu {
height:50px;
background-color:#0000CC;
}
#navigatie {
background-color:#202020;
bottom:0px;
font-size:1.2em;
left:0;
overflow:auto;
position:absolute;
top:190px;
width:170px;
}
#content {
background:#ACACAC none repeat scroll 0 0;
bottom:30px;
left:170px;
overflow:auto;
position:absolute;
right:0;
top:190px;
height:100%;
}
#voet {
width:100%;
background-color:#00FF00;
overflow:hidden;
position:inherit;
bottom:0;
}
Maar als ik nu dus in de content veel tekst zet wil ik dat de voet altijd onderaan blijft staan. Nu is de voet niet meer zichtbaar. Weet iemand wat ik verkeerd doe ik mijn CSS?
Heb hem even online gezet: Klik
Ik hoop dat mijn vraag ook duidelijk is..
Alvast bedankt!
Gewijzigd op 01/01/1970 01:00:00 door Kitty N
