Ok ik ben al dagen bezig met CSS. Nu leek ik het allemaal wel te snappen maar het gaat fout zodra ik de laaste div toevoeg. Onderaan de pagina wil ik nog een footer hebben. Echter op mijn manier geeft dat verschil in IE of Firefox. Wat doe ik fout?? Onderstaande code is goed maar nu die footer nog
code:
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
69
70
71
72
73
74
75
76
| <html>
<head>
<title>test</title>
<style type="text/css">
body {
background-image: url(backg.gif);
}
#content {
position: absolute;
left: 50%;
margin-left: -382px;
width: 762px;
border: 1px solid #000000;
}
#header {
position: relative;
width: 100%;
height: 100px;
color: #ffffff;
padding: 10px;
background-image: url(top.jpg);
}
#menu {
position: relative;
background-color: #000000;
}
#left {
float: left;
width: 100px;
color: #ffffff;
background-color: #FFD700;
height: 620px;
}
#main {
float: left;
width: 100%;
border: 0px solid #ffffff;
color: #000000;
height: 620px;
background-color: #FFFFFF;
font-size: x-small;
}
#footer {
position: relative;
width: 100%;
height: 100px;
background-color: #CCCCCC;
}
</style>
<body>
<div id="content">
<div id="header">
header
</div>
<div id="menu">
menu
</div>
<div id="main">
<div id="left">
left
</div>
right
</div>
</div>
</body>
</html> |
:strip_exif()/u/50656/andre-scholten-avatar.gif?f=community){kind=avatar}
Dit topic is gesloten.