Ik heb weer een nieuwe opzet gemaakt:
HIER de Site

Nu gaat het niet goed want de linken moeten aan de linkerkant staan en de tekst rechts maar kijk maar wat ik heb...

Hier de codes voor home.php
<?php
// databse connectie importeren
include ("../include/db.php");
include ("../include/functions.php");
?>
<html>
<head>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">;
<title>colours-of-snuggle-dogs</title>
<link rel="stylesheet" type="text/css" href="css/opmaak2.css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
</head>
<body>
<div id="container">
<div id="bovenkant"><img src="../images/logo.jpg" alt="logo" border="0"></div>

<div id="links">
<?php
include("menu.php");
?>
</div>

<div id="content">
<div id="spacer">
<p>
<?php
// geeft de tekst zoals in de functie aangevraagd weer
display_inhoud();

// de functie om de tekst te halen uit de database
function display_inhoud()

// de inhoud van de pagina gehaald uit de database
{
$sql=mysql_query("Select * From paginas Where inhoud_id=0");

while ($record=mysql_fetch_array($sql))
{
echo "$record[tekst]<br>";
}
}
?>
</p>

<?php
footer();
?>
</div>
</div>
</div>
</body>
</html>

en dan de CSS:
html, body {
margin : 0;
padding : 0;
text-align: center;
width : 100%;
height: 100%;

}

#container {
margin: 0px auto;
width: 90%;
height: 90%;
text-align: left;
border: 1px solid black;
}

#bovenkant {
height: 15%;
width: 100%;
border-bottom: 1px solid black;
}

#links {
width: 192px;
float: left;
}

#content {
overflow: auto;
height: 85%;
text-align: justify;
border-left: 1px solid black;
background: url("http://komt eraan");
}

#content #spacer {
margin: 15px;
}

h1 {
font-size: 250%;
text-align: center;
margin: 0px;
padding: 5px;
}
En kijk ook eens met FireFox (schrik niet)
@ Willem-Jan ja ik heb ook met FF gekeken...:(
Ik zag het idd ook net, dat vind ik het verrotste om hem crossbrowser te maken, als je dan een margin hebt en je wilt er een padding aan toevoegen, word het de div naar beneden geplaats in ff en in IE gebeurt er niks...
@jason ridder de ridder
mooie oplossing is daarvoor hetzolvgende:
om crossbrowser padding te gebruiken kun je voor IE natuurlijk de width en height instellen...IE luistert hiernaar
Firefox ook maar vind Max-width en max-height belangrijker.
opgelost:) zo kun je dus voor beide browsers een breedtte en hoogtte opgeven.
De breedte en hoogte kan verschillen tussen max/min en gewoon heigh/widtht om het reulstaat te behalen dat je wilt
Dank jullie wel voor het aandragen van oplossingen en zal me zeker weer melden wanneer ik een en ander heb aangepast. Ik ga hier morgen mee aan de slag :)
Vandaag waren de doggies effies prioriteit nummer 1 :)

Ik weet dat een en ander er nog niet uitziet en ook in firefox omdat dit mijn standaard browser is en wil ik weten hoe IE is ik dit extra doe :)

Don't worry alles komt t.z.t. goed :)

Reageren