Ik wil een site maken met 3 hoofd divs, nl header, container en footer.
In de header komt nog een div voor de logingegevens.
In de container komt links een div met een infobalk en rechts een div met de daadwerkelijke content met nog meer divs daarin (nu bv menubalk en content).
In de footer komt wat copyright tekst met wat absolute divs.
Ik zit nu met het probleem dat de footer in FF3 een eigen leven gaat leiden en bij een hogere resolutie omhoog springt tot onder de div met content (denk ik tenminste). Kan iemand mij verder helpen om ervoor te zorgen dat de footer gewoon netjes onderaan blijft? Thanx!!
De CSS:
De HTML:
In de header komt nog een div voor de logingegevens.
In de container komt links een div met een infobalk en rechts een div met de daadwerkelijke content met nog meer divs daarin (nu bv menubalk en content).
In de footer komt wat copyright tekst met wat absolute divs.
Ik zit nu met het probleem dat de footer in FF3 een eigen leven gaat leiden en bij een hogere resolutie omhoog springt tot onder de div met content (denk ik tenminste). Kan iemand mij verder helpen om ervoor te zorgen dat de footer gewoon netjes onderaan blijft? Thanx!!
De CSS:
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
77
78
79
80
81
82
83
| #header {
color : #FFFFFF;
display : block;
position : relative;
margin : 0px auto;
text-align : left;
width : 1202px;
height : 125px;
background : url("../../images/navigate/header.jpg");
}
#login{
position : absolute;
right : 18px;
top : 98px;
text-align : right;
}
#container {
position : relative;
display : block;
margin : 0px auto;
text-align : left;
width : 1202px;
height : 100%;
overflow : visible;
}
#infobar {
position : relative;
float : left;
font-size : 10px;
height : 800px;
width : 202px;
overflow : visible;
color : #FFFFFF;
padding-top : 40px;
padding-bottom : 5px;
padding-right : 5px;
background : url("../../images/navigate/navigate.jpg");
background-repeat: repeat-y;
}
#content {
position : relative;
float : right;
width : 995px;
overflow : visible;
}
#menu {
position : relative;
width : 975px;
padding-left : 10px;
padding-right : 10px;
height : 40px;
overflow : hidden;
background : url("../../images/navigate/menu.jpg");
}
#default{
position : relative;
padding-top : 10px;
padding-left : 10px;
overflow : visible;
}
#footer {
position : relative;
margin : 0px auto;
display : block;
text-align : left;
font-size : 9px;
width : 1192px;
height : 42px;
overflow : hidden;
color : #FFFFFF;
padding-top : 5px;
padding-bottom : 5px;
padding-left : 5px;
padding-right : 5px;
background : url("../../images/navigate/footer.jpg");
} |
De HTML:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
| <body onLoad="Showit('Client');">
<div id="header">
<?php require("./lib/security.inc.php"); ?>
</div>
<div id="container">
<div id="infobar">
<?php require("./pages/framework/navigate.php");?>
</div>
<div id="content">
<?php
require("./pages/framework/menu.php");
echo " <div id=\"default\">\n";
require ($pagepath);
echo " </div>\n";?>
</div>
</div>
<div id="footer">
<?php require("./pages/framework/footer.php");?>
</div>
</body> |
:strip_exif()/u/25820/raptorsafari.gif?f=community)
:strip_icc():strip_exif()/u/100070/crop5d011fa0d05d4_cropped.jpeg?f=community)
/u/102549/gimp_logo_icon.png?f=community){kind=icon}
/u/154121/opeth-avatar.png?f=community){kind=avatar}
:strip_exif()/u/21451/spinal150.gif?f=community)
:strip_exif()/u/259931/stuiterbal2.gif?f=community)
/u/70160/herko-icon.png?f=community){kind=icon}
/u/154974/Jelly_avatar01_small.png?f=community){kind=avatar}
/u/105842/Homer_60x60.png?f=community)