Ik heb het volgende CSS script:
html,body {
height: 100%;
padding: 0px;
margin: 0px;
text-align: center;
background-color: white;
font-color: #000000;
font: 12px verdana;
background: url('afbeeldingen/achtergrond.jpg');
background-repeat: repeat-y;
background-position: center center;
}
#container {
font-color: #000000;
width: 850px;
margin: 0 auto;
position: relative;
text-align: left;
}
#container #header {
background: url('afbeeldingen/logo.jpg') center;
width:100%; height:235px; text-align:center; background-repeat:repeat
}
#container #header h1 {
margin: 0px;
padding: 0px;
padding-top: 135px;
font-size: 200%;
line-height: 40px;
}
#container #header h2 {
margin: 0px;
padding: 0px;
font-size: 125%;
line-height: 40px;
}
#container #content {
font-color: #000000;
text-align: justify;
padding: 25px;
}
#container #content #menu {
position: absolute;
top: 235px;
left: 230px;
width: 620px;
}
#container #content #text {
width: 530px;
float: right
margin-left: 245px;
padding-left: 10px;
padding-top: 10px;
}
#container #content #text #nieuwsbericht {
width: 478px;
background: #ffffff;
margin: 15px;
margin-left: auto;
margin-right: auto;
text-align: justify;
}
#container #content #text #nieuwsbericht #titel {
text-align: left;
font-weight: bold;
font-color: #000000;
font-size: 11px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 10px;
background: url('inhoud/afbeeldingen/titelbalk.jpg');
}
#container #content #text #nieuwsbericht #bovenkant {
text-align: right;
padding: 0px;
}
#container #content #text #nieuwsbericht #onderkant {
text-align: right;
padding-right: 7px;
padding-top: 6px;
padding-bottom: 9px;
background: url('inhoud/afbeeldingen/footerbalk.jpg');
}
#container #content #text .tekst {
text-color: black;
text-align: justify;
padding: 10px;
background: url('inhoud/afbeeldingen/berichtachtergrond.jpg');
}
#container #content h1 {
text-align: left;
margin: 0px;
margin-bottom: 15px;
padding: 0px;
font-size: 150%;
}
#container #content h3 {
margin: 0px;
padding: 0px;
font-size: 125%;
line-height: 35px;
}
#container #content a {
color: #e9e9e9;
}
#container #content a:hover {
color: #737373;
}
#container #content .externelink {
background: url('afbeeldingen/externelink.gif') right center no-repeat;
padding-right: 12px;
}
/* menu */
#quicklinks{
margin:0; padding:0;
background-color: #737373;
line-height: 1em;
height:1.4em;
}
#quicklinks span{font-style:normal;}
#quicklinks ul{
font-color: #e9e9e9;
margin:0;padding:0;
font-size: 0.9em;
height:1.5em;
}
#quicklinks ul li {
display: inline;
}
#quicklinks ul li a{
background-color: #737373;
border-left: 1px solid #e9e9e9;
color: #ccc;
float: left;
margin:0;
padding: .1em 1em .4em 1em;
text-decoration: none;
}
#quicklinks ul li a:hover{
background-color: #e9e9e9;
color: #ccc;
}
/* nieuwsbericht */
.nieuwsberichten {
padding: 15px;
border: 1px dotted #C13828;
margin-bottom: 15px;
}
.titel {
}
/* Fotos */
img.centreren {
vertical-align:middle;
margin: 5px;
border: 0px;
}
img.thumbs {
vertical-align:middle;
border: 0px;
margin: 10px;
}
img.groot {
vertical-align:middle;
border: 0px;
}
/* Formulier */
form {
font: 12px verdana;
margin: 0 auto;
padding: 0;
width: 100%;
}
form fieldset {
border-color: #000;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 0;
}
form fieldset legend {
font-size:1.1em;
}
form label {
display: block;
float: left;
width: 150px;
padding: 0;
margin: 5px 0 0;
text-align: right;
}
form fieldset label:first-letter {
text-decoration:underline;
}
form input, form textarea {
width:auto;
margin:5px 0 0 10px;
}
form input#reset {
margin-left:0px;
}
textarea { overflow: auto; }
form small {
display: block;
margin: 0 0 5px 160px;
padding: 1px 3px;
font-size: 88%;
}
form .verplicht{
font-weight:bold;
}
form br {
clear:left;
}
En de pagina die erbij hoort is:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>... (( Nieuwe Wijk-5 site )) // 5% klaar</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
</head>
<body>
<div id="container">
<div id="header"> </div>
<div id="content">
<div id="menu">
<div id="quicklinks">
<ul>
<li><a href="?title=home">home</a></li>
<li><a href="?title=wijk5">wijk-5</a></li>
<li><a href="?title=gastenboek">gastenboek</a></li>
<li><a href="?title=fotos">foto's</a></li>
<li><a href="?title=gae">Go Ahead Eagles</a></li>
<li><a href="?title=chick">chick van de maand</a></li>
<li><a href="?title=collum">EnJee's collum</a></li>
</ul>
</div>
</div>
<div id="text">
<?php echo $content; ?>
</div>
</div>
</div>
</body>
</html>
Maar nu is het zo. dat ie de kleur van het menu gebruik voor de tekst. Wat gaat daar fout?
Op alle pagina's gaat het goed behalve de pagina die ik include. Die ziet ie aan al een soort menu.
Alvast bedankt