DIV aan onderkant browser.
Is het mogelijk om een div aan de onderkant van de browser te plakken? Zoals op download.cnet.com. Die 'toolbar' bijft altijd aan de onderkant en loopt over de content heen.
Zover ik zie in de paginabron is dit een div alleen kan ik het niet terug vinden in de css file.
Wie kan mij helpen?
Zover ik zie in de paginabron is dit een div alleen kan ik het niet terug vinden in de css file.
Wie kan mij helpen?
Al hier gekeken? Staat volgens mij vast wel wat info tussen.
*Verwijderd*
Edit:
Ik heb het nog even nagezocht voor je, heb ooit 't zelfde probleem gehad en dit was mijn oplossing:
en dan als css:
Dan kan je je code binnen de wrapper opbouwen ;)
Edit:
Ik heb het nog even nagezocht voor je, heb ooit 't zelfde probleem gehad en dit was mijn oplossing:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<html>
<head>
<title>Blaat</title>
</head>
<body>
<div class="wrapper">
<div class="push"></div>
</div>
<div class="footer">
</div>
</body>
</html>
<head>
<title>Blaat</title>
</head>
<body>
<div class="wrapper">
<div class="push"></div>
</div>
<div class="footer">
</div>
</body>
</html>
en dan als 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
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
html, body {
height: 100%;
margin: 0px;
padding: 0px;
text-align: center;
}
div.wrapper {
width: 100%;
min-height: 100%;
height: auto !important;
height: 100%;
text-align: center;
position: relative;
}
div.push {
width: 950px;
height: 100px;
float: left;
clear: both;
}
div.footer {
width: 100%;
height: 100px;
position: absolute;
bottom: 0;
margin-top: -100px;
}
height: 100%;
margin: 0px;
padding: 0px;
text-align: center;
}
div.wrapper {
width: 100%;
min-height: 100%;
height: auto !important;
height: 100%;
text-align: center;
position: relative;
}
div.push {
width: 950px;
height: 100px;
float: left;
clear: both;
}
div.footer {
width: 100%;
height: 100px;
position: absolute;
bottom: 0;
margin-top: -100px;
}
Dan kan je je code binnen de wrapper opbouwen ;)
Gewijzigd op 14/09/2010 14:50:14 door Milo S
@Milo S: Bedankt! het was ff klooien, en heb van 'class' 'id' gemaakt. Het is echt heel vet nu :D
@The Dutch Guy: ?
@The Dutch Guy: ?
Wanneer ik dit in internet typte kwam er al redelijk wat naar boven, volgens mij niet veel anders dan wat hierboven staat.