Hallo,
Ik ben bezig met een layout te slicen, alleen het lukt niet helemaal omdat een bepaalde div even hoog (100%) te laten worden als de div waar hij in staat.
www.timothydevries.nl/opzet.jpg dit is de bedoeling, en www.timothydevries.nl/slice/test.php is wat ik tot nu toe heb. Zou iemand de oplossing weten om het menu 100% v/d div waarin hij staat te laten worden? (hij staat in de div inhoud2)
(btw, de kleurenkeuze nu is om duidelijk te maken waar de divs zich bevinden)
De code van mijn pagina:
alvast bedankt
Ik ben bezig met een layout te slicen, alleen het lukt niet helemaal omdat een bepaalde div even hoog (100%) te laten worden als de div waar hij in staat.
www.timothydevries.nl/opzet.jpg dit is de bedoeling, en www.timothydevries.nl/slice/test.php is wat ik tot nu toe heb. Zou iemand de oplossing weten om het menu 100% v/d div waarin hij staat te laten worden? (hij staat in de div inhoud2)
(btw, de kleurenkeuze nu is om duidelijk te maken waar de divs zich bevinden)
De code van mijn pagina:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
html, body{
background: url('plaatjes/achtergrond.png') repeat;
margin: 0;
padding: 0;
}
.inhoud{
width: 888px;
margin: auto;
margin-top: 6px;
height: auto;
background: #00FF00;
}
.header{
background: #DFDEDD;
width: 886px;
height: 93px;
border: solid 1px #000000;
}
.inhoud2{
width: 888px;
background: #00FFFF;
float: left;
}
.content{
width: 600px;
height: 100px;
background: #FF0000;
float: left;
}
.menu{
float: right;
width: 100px;
height: 100%;
background: #FFFFFF;
}
</style>
</head>
<body>
<div class="inhoud">
<div class="header">
</div>
<div class="inhoud2">
<div class="menu">menu</div>
<div class="content">content</div>
<div class="content">content</div>
<div class="content">content</div>
</div>
</div>
</body>
</html>alvast bedankt
