Hoi,
Bedankt voor uw inspanningen maar het geeft niet het gewenste resultaat. Als u in de template van freetemplates kijkt ziet u (kijk even bij preview) dat in het centrum van het scherm de navigatie groen is en het geheel eronder grijs.
Links en rechts naast het grijze. Daar wil ik een kolom hebben. Dus over de zwarte achtergrond.
Als ik doe wat u aangeeft dan wordt dan krijg ik onderin een kolom zo'n beetje ter hoogte van 'posted by...." (rightcolomn) en de leftcolumn staat links maar nog in het grijze geheel zodat de tekst verder naar rechts schuift.
Het moet dus NIET op/over het grijze vlak (het hart van de webpagina) maar op het zwarte en dan links en rechts. Ik zal even mijn html-code geven:
<!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> <LINK REL="shortcut icon" href="http://www.#####.com/.#####.ico">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>#####</title>
<meta name="keywords" content="#####" />
<meta name="description" content="#####" />
<link href="default.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style2 {font-size: 24px}
.style3 {color: #FFFFFF}
.style8 {
font-size: 10px;
font-family: Tahoma;
color: #000000;
}
.style9 {font-family: Tahoma; color: #8BD80E; }
.style11 {
font-family: Tahoma;
color: #8BD80E;
font-weight: bold;
}
.style13 {font-size: 10px}
#Layer1 {
position:absolute;
width:144px;
height:96px;
z-index:1;
left: 1081px;
top: 80px;
}
#Layer2 {
position:absolute;
width:178px;
height:106px;
z-index:2;
left: 188px;
top: 81px;
}
-->
</style>
</head>
<body>
<!-- start header -->
<div id="logo">
<h1><a href="http://www.#####.nl"><img src="logo.JPG" alt="" /> </a></h1>
<h2> </h2>
</div>
<div id="header">
<div id="menu">
<ul>
<li class="current_page_item"><a href="http://www.#####.php">#####</a></li>
<li><a href="http://www.#####.com/#####-#####.php">Inschrijven</a></li>
<li></li>
<li><a href="http://www.#####-#####.nl/#####-#####.html">Hulp</a></li>
<li><a href="http://www.#####-#####.nl/#####-#####.html">Contact</a></li>
<li class="last"><a href="http://www.#####.com/#####-#####-#####.php">#####</a></li>
</ul>
<span class="last"><a href="http://www.#####.com/#####-#####.html"><img src="en.png" alt="" width="24" height="12" /></a><a href="http://www.#####-#####.org"><img src="fr.png" alt="" width="18" height="12" /></a></span></div>
</div>
<!-- end header -->
<div id="wrapper">
<!-- start page -->
<div id="page">
<!-- start content -->
<div class="style3" id="content">
<div class="post">
<h1><span class="title style2">#####</span>
<span class="last"><a href="http://www.#####.com/EN.php"></a></span>
<a href="http://www.#####.com/EN.php"></a>
</h1>
<div class="entry">
<p> </p>
<p class="entry"> <em>#####</p>
<p class="entry"><a href="http://www.#####.com/#####.php"><strong>Zoek <span class="style3">direct</span> #####</strong></a></p>
<h2 class="entry"><span class="style9">Gratis</span> hulp</h2>
<p>#####. <em>#####</em> geeft <span class="style11"><a href="http://www.#####.nl/#####-#####.html">gratis</a></span> hulp. Oók voor personen die <a href="http://www.#####.nl/#####-#####.html"><strong>#####</strong></a> in het #####of <a href="http://www.#####.nl/#####-#####.html"><strong>stages</strong></a> in het #####zoeken !</p>
<p class="entry"><a href="http://#####.hyves.nl"><img src="#####.JPG" alt="#####-#####" width="268" height="50" /></a></p>
<p class="entry"><script type="text/javascript"><!--
google_ad_client = "pub-298552485985862442";
/* 468x15, gemaakt 21-1-10 */
google_ad_slot = "2209487957597";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<span class="style179"><span class="style1">
</p>
</span></p>
</div>
</div>
</div>
<!-- end content -->
<!-- start sidebar -->
<div id="sidebar">
<ul>
<li>
<h1>
</h1>
</li>
</ul>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<!-- end sidebar -->
<div class="style13" style="clear: both;">
<div align="center"><a href="http://www.#####.com/#####.php">##########</a> <a href="http://www.#####.com/#####-#####.php">#####</a> <a href="http://www.#####-werken.nl/#####-#####.html">##########</a> <a href="http://www.#####.com/#####-#####-plaatsen.php">#####</a></div>
</div>
</div>
</div>
<!-- end page -->
<!-- start footer -->
<div id="footer">
<div align="center"><span class="style8">Copyright © 2010. [#################### Designed by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</span></div>
</div>
<!-- end footer -->
</body>
</html>
