extra divje toevoegen lukt niet

berehap · 8 jan 2008

Ik ben bezig met een website, deze maak ik met divjes, maar nu wil ik nog een toevoegen, alleen dat lukt mij niet, mijn kennis is ook niet zo heel groot, maar wie zou mij kunnen helpen?

ik wil aan de rechterkant er nog een divje bij hebben, zie voorbeeld hier
wie kan mij helpen om dat toe te voegen?

alvast bedankt

<div id="Container">
<div class="Bovenkant"></div>
<div class="Menu"></div>
<div class="content"></div>
<div class="Footer"></div>
</div>

css van site

Code:

div#Container {
	postion: relative;
	margin: 0px auto;
	min-height: 100%;
	height: auto !important; /* voor moderne browsers */
	height: 100%; /* voor IE */
	width: 800px;
	voice-family: inherit;
	background-color: #FFFFFF;
}
html > body #Container {
	height: auto;
}
div.Bovenkant {
	background-image:url(../Afbeelding/Header_Achtergrond.jpg);
	background-repeat: repeat-x;
	height: 114px;
}

div.Bovenkant img {
	float: left;
}
div.Content {
	top: 0px;
	width: 500px;
	margin-top: 10px;
	float: left;
}
div.Footer {
	width: 800px;
	line-height: 35px;
	position: absolute;
	bottom: 0px;
	background-image: url(../Afbeelding/Footer_Achtergrond.jpg);
	background-repeat: repeat-x;
}

div.Menu {
	background-image: url(../Afbeelding/Menu_Achtergrond.jpg);  
	background-repeat: repeat-x;
	line-height: 35px;
	height: 35px;
}

peter vazed · 8 jan 2008

Even wat gebreid:

PHP:

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
     "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
	<head>
	<title>(Type a title for your page here)</title>
<!--Pagina gemaakt op Tuesday, January 08, 2008 13:21:46 -->
<meta name="GENERATOR" content="Arachnophilia 4.0">
<meta name="FORMATTER" content="Arachnophilia 4.0">
<meta name="description"  CONTENT="korte beschrijving van de pagina">
<meta name="keywords"  CONTENT="trefwoorden, die, slaan, op, de, pagina">
<meta name="publisher" CONTENT="Jan Jansen">
<meta name="Author" content="Peter Vazed">
<meta name="robots" content="index, follow">
<meta name="revisit" content="7 days">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">

<style type="text/css" media="all">
 @import url("zp.css"); 
</style>
		 
<LINK rel="stylesheet" type="text/css" href="zp.css">

 <style type="text/css" media="screen">

#container {
	postion: relative;
	margin: auto;
	min-height: 100%;
	height: auto !important; /* voor moderne browsers */
	height: 100%; /* voor IE */
	width: 800px;
	voice-family: inherit;
	background-color: #FFFFFF;
border:2px solid #004080;
}
html > body #container {
	height: auto;
margin: 0;
padding: 0;
}
div.bovenkant {
	background-image:url(../Afbeelding/Header_Achtergrond.jpg);
	background-repeat: repeat-x;
	height: 114px;
border:2px solid #ff0000;
}

div.bovenkant img {
	float: left;
border:2px solid #ff0000;
}
div.content {
	top: 0px;
	width: 395px;
	margin-top: 10px;
	float:left;
border:2px solid #ff0000;
}
div.contentr {
	top: 0px;
	width: 390px;
	margin-top: 10px;
	float:right;
border:2px solid #ff0000;
}
div.footer {
	width: 800px;
	line-height: 35px;
	position: absolute;
	bottom: 0px;
	background-image: url(../Afbeelding/Footer_Achtergrond.jpg);
	background-repeat: repeat-x;
border:2px solid #ff0000;
}

div.menu {
	background-image: url(../Afbeelding/Menu_Achtergrond.jpg);  
	background-repeat: repeat-x;
	line-height: 35px;
	height: 35px;
width: 800px;
border:2px solid #ff0000;
}

.stop
{
clear:both;
}
</style>
</head>

<body >

<div id="container">
<div class="bovenkant">bovenkant<br>
<br>
</div>
<div class="menu">menu<br>
<br>
<br>
<br>m
</div>
<div class="stop"></div>
<div class="content">content links<br>
<br>
<br>l<br>
<br>l<br>
<br>l
</div>
<div class="contentr">content rechts
<br>
<br>
<br>
r</div>
<div class="stop"></div>
<div class="footer">footer<br>
f</div>
</div>

</body>

</html>

Tip:
gebruik GeeN hoofdletters in je code.

extra divje toevoegen lukt niet

berehap

Gebruiker

peter vazed

Meubilair

Nieuwste berichten

Wij waarderen jouw privacy