Hoe kan ik onderin (onder menu links, content, menu rechts die gelijk moeten eindigen) een footer maken?
Ook wil ik dat als een schermresolutie groter is de content rekt, de header en de footer de zelfde grootte houden. kan iemand daarbij helpen?
en ik weet niet of mijn CSS gepruts "goed" is, dit is mijn eerste echte werk in CSS
pagina
PHP
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Rickys web templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="css/ingelogd.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="header">
<img src="images/header.jpg" width="620" heigth="400">
<div id="rheader">
rechts header
</div>
</div>
<div id="menu">
<br><br>
</div>
<div id="links">
links<br>
links<br>
links<br>
links<br>
links<br>
links<br>
links<br>
links<br>
<div id="hoofd">
Hoofd
</div>
links<br>
links<br>
links<br>
links<br>
links<br>
links<br>
<div id="hoofd">
Hoofd
</div>
links<br>
<div id="hoofd">
Hoofd
</div>
links<br>
<div id="hoofd">
Hoofd
</div>
links<br>
<div id="hoofd">
Hoofd
</div>
links<br>
<div id="hoofd">
Hoofd
</div>
links<br>
<div id="hoofd">
Hoofd
</div>
links<br>
<div id="hoofd">
Hoofd
</div>
links<br>
</div>
<div id="content">
<?php
if (! isset($_GET['p'])) {
// Zoniet dan benoemen we hem met index
$_GET['p'] = 'verhaal';
}
if (isset($_GET['p'])) {
// Dit is het pad naar de map waar alle scripts instaan. Hier MOET een '/' achter.
$Pad = 'pagina/';
// Kijken of het bestand dat we gaan includen wel bestaat.
if (! file_exists($Pad . $_GET['p'] . '.php')) {
// Indien niet, verwijzen we hem door naar de index. Je kunt deze pagina veranderen in een -bijvoorbeeld- 404 error pagina, DEZE moet dan ook in uw map staan
$_GET['p'] = 'error';
}
// En nu includen we hem.
Include_Once ($Pad . $_GET['p'] . '.php');
}
?>
<div id="rechts">
links<br>
links<br>
links<br>
links<br>
links<br>
links<br>
links<br>
links<br>
<div id="hoofd">
Hoofd
</div>
links<br>
links<br>
links<br>
links<br>
links<br>
links<br>
<div id="hoofd">
Hoofd
</div>
links<br>
<div id="hoofd">
Hoofd
</div>
links<br>
<div id="hoofd">
Hoofd
</div>
links<br>
<div id="hoofd">
Hoofd
</div>
links<br>
<div id="hoofd">
Hoofd
</div>
links<br>
<div id="hoofd">
Hoofd
</div>
links<br>
<div id="hoofd">
Hoofd
</div>
links<br>
</div>
</div>
</div>
<div id="footer">
footer
</div>
</body>
</html>CSS
PHP
body {
font: normal 100% Arial, Helvetica, sans-serif;
background: #696969;
color: #5D5D5D;
margin: 0;
}
#menu
{
width: 100%;
background: #CC3333;
font: 6px;
}
#hoofd
{
background: #CC3333;
}
#lheader {
float: left;
width: 200px;
}
#header {
width: 100%;
background: #1D1D1D;
}
#rheader {
float: right;
width: 200px;
}
#links {
background: #1A1A1A;
float: left;
width: 200px;
}
#content {
width: 100%;
background: #696969;
}
#tekst {
width: 200px;
}
#rechts {
background: #1A1A1A;
float: right;
width: 200px;
}
#footer {
background: #1D1D1D;
}en mijn site: http://vgame.webege.com/ingelogd.php