Hey mensen ik zag dat er hier op het forum al aardig wat footer problemen waren. Maar in die threads kon ik niet de oplossing voor mijn probleem vinden.
Ik heb een project voor school en moet daarbij een blog maken. Dat was me dan weer net iets te simpel omdat ik er al wat langer mee bezig ben, dus heb ik besloten een gehele website te maken.
Nu zit ik met een CSS probleempje. Ik was eerder namelijk zon iemand die tabellen boven divs verkoos, waarschijnlijk met de gedachten ''wat een boer niet kent eet hij niet, haha
''
Hoe dan ook, CSS gaat me redelijk goed af nu alleen ik krijg mn footer niet voor mekaar. Waarschijnlijk is het wat simpels maar ik kom er zelf niet uit.
Ik hoef geen complete uitwerking of iets, dat verwacht ik hier niet. maar een zetje in de goede richting zou fijn zijn
style.css, hier staat de layout in.
classes.css, hier worden vooral wat extra dingen bepaald. maar hier staat ook de html,body dus deze er ook even bij gepost.
index.php, spreekt vrijwel voorzich.
Met deze code komt de footer er wel, maar hij verstopt zich zelf dan ergens achter de pagina, bovenin.
Hij moet natuurlijk geheel onderaan komen.
een voorbeeld kan men hier zien: http://hungrygamers.com je ziet dat de pagina een soort ''glas'' rand om zich heen heeft. Die glas rand heeft een ronding boven in. onderin zou dat ook moeten gebeuren, daarvoor heb ik een plaatje. alleen ik krijg dat plaatje dus niet onderaan...
Bedankt voor het lezen alvast
Met vriendelijke groet,
Wilbert van Assen.
Ik heb een project voor school en moet daarbij een blog maken. Dat was me dan weer net iets te simpel omdat ik er al wat langer mee bezig ben, dus heb ik besloten een gehele website te maken.
Nu zit ik met een CSS probleempje. Ik was eerder namelijk zon iemand die tabellen boven divs verkoos, waarschijnlijk met de gedachten ''wat een boer niet kent eet hij niet, haha
'' Hoe dan ook, CSS gaat me redelijk goed af nu alleen ik krijg mn footer niet voor mekaar. Waarschijnlijk is het wat simpels maar ik kom er zelf niet uit.
Ik hoef geen complete uitwerking of iets, dat verwacht ik hier niet. maar een zetje in de goede richting zou fijn zijn
style.css, hier staat de layout in.
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
84
85
86
| @import "classes.css";
#holder
{
background-image: url(images/bar.png);
background-position: top center;
background-repeat: repeat-y;
position: absolute;
min-height: 100%;
width: 1042px;
margin: 0px auto;
padding:0;
color: #333;
border: 0px solid gray;
line-height: 130%;
}
#container
{
position: relative;
min-height: 100%;
padding:0;
width: 1000px;
margin: 0px auto;
background-image: url(images/sp.png);
color: #333;
border: 0px solid gray;
}
#top
{
background-position: top center;
background-repeat: no-repeat;
width: 1042px;
height: 153px;
padding: .0em;
border-bottom: 0px solid gray;
background-image: url(images/header.png);
}
#footer
{
background-repeat: no-repeat;
width: 1042px;
height: 23px;
margin: 0px auto;
padding: .0em;
border-bottom: 0px solid gray;
background-image: url(images/footer.png);
}
#top h1
{
padding: 0;
margin: 0;
}
#leftnav
{
float: left;
width: 195px;
margin: 0;
padding: 0px;
}
#rightnav
{
float: right;
width: 195px;
margin: 0;
padding: 0px;
}
#content
{
margin-left: 200px;
border-left: 0px solid gray;
margin-right: 200px;
border-right: 0px solid gray;
padding: 0px;
max-width: 600px;
}
#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; } |
classes.css, hier worden vooral wat extra dingen bepaald. maar hier staat ook de html,body dus deze er ook even bij gepost.
code:
1
2
3
4
5
6
7
8
9
10
11
| html, body {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
height: 100%;
background:#111516;
margin:0px auto;
padding:0;
background-position: top center;
background-repeat: repeat-x;
background-image: url(images/bg.jpg);
} |
index.php, spreekt vrijwel voorzich.
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
| <?php
if($_SERVER['HTTP_HOST'] == "www.hungrygamers.com") {?>
<meta http-equiv='refresh' content='0; URL=http://hungrygamers.com/'>
<?php
exit;
}
include("includes/config.php");
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!-- (c) 2009 - 2010 Hungrygamers.com - Design & Code by Wilbert (HG Skizz) van Assen -->
<html lang="nl">
<head>
<title><?php echo"".$webtitel.""; ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
<meta http-equiv="Content-Language" content="NL">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="buttens.css">
<link rel="icon" type="image/png" href="images/favicon.png">
<script type="text/javascript" src="includes/js/javascript.js"></script>
<meta name="description" content="Hungry Gamers een website vol leuke content voor gamers en hardware liefhebbers.">
<meta name="keywords" content="Gameserver, Hardware, Gaming, Community, Lanparties, Lanparty">
<meta name="verify-v1" content="sunH+FY0feNhdk3mIFKBaC5MOsiSTdgLfHYkCiL51M8=">
</head>
<body>
<div id="upbar"><div id="hglog"></div></div>
<!--[if !IE]>-->
<center>
<table style="border-collapse: collapse" cellpadding="0" cellspacing="0" width="1042" border="0">
<!--<![endif]-->
<!--[if IE]>
<table style="border-collapse: collapse" cellpadding="0" cellspacing="0" width="1042" border="0" align="center">
<![endif]-->
<tr><td>
<a href="http://hungrygamers.com"><div id="top"></div></a>
<div id="holder">
<div id="container">
<div id="leftnav">
<?php include("includes/c/blocks/menu.php"); ?>
<?php include("includes/links.php"); ?><div class="spacer"></div>
</div>
<div id="rightnav">
<?php include("includes/rechts.php"); ?><div class="spacer"></div>
</div>
<div id="content">
<?php include("includes/content.php"); ?><div class="spacer"></div>
</div>
</div>
</div>
<div id="footer"></div>
</td></tr>
</table>
<!--[if !IE]>-->
</center>
<!--<![endif]-->
</body>
</html> |
Met deze code komt de footer er wel, maar hij verstopt zich zelf dan ergens achter de pagina, bovenin.
Hij moet natuurlijk geheel onderaan komen.
een voorbeeld kan men hier zien: http://hungrygamers.com je ziet dat de pagina een soort ''glas'' rand om zich heen heeft. Die glas rand heeft een ronding boven in. onderin zou dat ook moeten gebeuren, daarvoor heb ik een plaatje. alleen ik krijg dat plaatje dus niet onderaan...
Bedankt voor het lezen alvast
Met vriendelijke groet,
Wilbert van Assen.
[ Voor 19% gewijzigd door Verwijderd op 18-10-2009 15:20 ]
:strip_exif()/u/96216/mariodance60.gif?f=community)
.
:strip_icc():strip_exif()/u/255263/images.jpg?f=community)
:strip_icc():strip_exif()/u/5964/crop56503163e97a5.jpeg?f=community)
:strip_icc():strip_exif()/u/65359/avatar_60.jpg?f=community){kind=avatar}
Bedankt jongens!
:strip_icc():strip_exif()/u/13896/crop5dbbed904a73d_cropped.jpeg?f=community)