Ik wil nu op een externe pagina (die ik middels een pagina systeem in mijn layout krijg) een apart content vak maken.
Als ik dit doe schuift het rechter menu naar onder, hoe verhelp ik dit ? voorbeeld op http://vgame.webege.com/ingelogd.php
Ik heb dit als 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
</div>
</div>
<div id="menu">
<br />
</div>
<div id="links">
links<br />
links<br />
links<br />
links<br />
links<br />
links<br />
links<br />
links<br />
<div class="hoofd">
Hoofd
</div>
links<br />
links<br />
links<br />
links<br />
links<br />
links<br />
<div class="hoofd">
Hoofd
</div>
links<br />
links<br />
links<br />
links<br />
links<br />
links<br />
<div class="hoofd">
Hoofd
</div>
links<br />
links<br />
links<br />
links<br />
links<br />
links<br />
<div class="hoofd">
Hoofd
</div>
links<br />
links<br />
links<br />
links<br />
links<br />
links<br />
<div class="hoofd">
Hoofd
</div>
links<br />
links<br />
links<br />
links<br />
links<br />
links<br />
<br />
<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>
<div id="rechts">
links<br />
links<br />
links<br />
links<br />
links<br />
links<br />
<div class="hoofd">
Hoofd
</div>
links<br />
links<br />
links<br />
links<br />
links<br />
links<br />
<div class="hoofd">
Hoofd
</div>
links<br />
links<br />
links<br />
links<br />
links<br />
links<br />
<div class="hoofd">
Hoofd
</div>
links<br />
links<br />
links<br />
links<br />
links<br />
links<br />
<div class="hoofd">
Hoofd
</div>
links<br />
links<br />
links<br />
links<br />
links<br />
links<br />
<div class="hoofd">
Hoofd
</div>
links<br />
links<br />
links<br />
links<br />
links<br />
links<br />
<br />
<br />
</div>
<div id="footer">
footer
</div>
</body>
</html>dit is verhaal.php
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>
<center>
<div class="vak">
verhaal
</div>
</center>
</body>
</html>en mijn 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;
}
#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 {
text-align:center;
width: 100%;
position: fixed;
bottom: 0;
background: #1D1D1D;
}
.vak {
width: 500px;
background: #FFFFFF;
margin: 15px;
}