Beste mensen,
Ik heb een vraag. Ik heb bij .content de hoogte op 100% staan ( en de pagina zou zich dan moeten aanpassen op de inhoud van de andere DIV's) maar dit gebeurd niet.
Kan iemand me helpen
Hieronder de code:
Mvg,
Tim Eijgelshoven
Ik heb een vraag. Ik heb bij .content de hoogte op 100% staan ( en de pagina zou zich dan moeten aanpassen op de inhoud van de andere DIV's) maar dit gebeurd niet.
Kan iemand me helpen
Hieronder de code:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title> Roy Austalië </title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="content">
<div class="header">
<div class="home"> <a href="index.html"><img src="img/home.png"></a> </div>
<div class="overmij"> <a href="overmij.html"><img src="img/overmij.png"></a> </div>
<div class="reisverslagen"><a href="reisverslagen.html"><img src="img/reisverslagen.png"></a> </div>
<div class="fotoboek"> <a href="fotoboek.html"><img src="img/fotoboek.png"></a> </div>
</div>
<div class="tekstbar">
<div class="tekst1">
<h1>Welkom</h1> <br>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris congue arcu et justo gravida volutpat. Maecenas elementum quam id lorem egestas luctus. Ut vehicula elementum orci, ornare posuere erat semper quis. Ut rutrum feugiat bibendum. Donec nec felis sit amet arcu ullamcorper rutrum pharetra nec elit.
Vivamus bibendum tellus non quam fermentum eleifend. Integer pellentesque felis eu tortor interdum ac vulputate erat facilisis. Praesent eget laoreet justo. Aliquam quis justo in neque cursus facilisis. Mauris ullamcorper neque non tortor tincidunt imperdiet. Cras volutpat est vitae purus accumsan sit amet rutrum neque posuere. Nam ultricies tortor in metus placerat eget facilisis metus viverra.</p>
</div>
</div>
<div class="nieuwsbar">
<h1>Nieuws</h1> <br>
<ul>
<li><a href="http://www.eijgelshoven.com">26/3 Nieuwe foto's</a> </li>
<li><a href="http://www.eijgelshoven.com">26/3 Nieuwe foto's</a> </li>
<li><a href="http://www.eijgelshoven.com">26/3 Nieuwe foto's</a> </li>
<li><a href="http://www.eijgelshoven.com">26/3 Nieuwe foto's</a> </li>
<li><a href="http://www.eijgelshoven.com">26/3 Nieuwe foto's</a> </li>
<li><a href="http://www.eijgelshoven.com">26/3 Nieuwe foto's</a> </li>
<li><a href="http://www.eijgelshoven.com">26/3 Nieuwe foto's</a> </li>
<li><a href="http://www.eijgelshoven.com">26/3 Nieuwe foto's</a> </li>
</ul>
</div>
<div class="fotobar">
<h1>Nieuwe Fotos</h1>
<div class="foto1">
<p><a href="fotoboek.html" rel="thumbnail"><img src="img/foto1.jpg" style="width: 100px; height: 100px" /></a></p> </div>
</div>
</div>
</body>
</html>
Code:
*
{
border: 0px;
margin: 0px;
}
body
{
background-color: #000000;
}
li :hover {color: #b45006; text-decoration: none; }
.content
{
width: 900px;
height: 100%;
min-height: 900px;
background-color: #b45006;
margin-left: auto;
margin-right: auto;
}
.header
{
width: 900px;
height: 270px;
background-image: url("img/header.png");
margin-left: auto;
margin-right: auto;
}
.home
{
width: 56px;
height: 26px;
background-image: url("img/home.png");
float: left;
position: relative;
left: 93px;
top: 210px;
}
.overmij
{
width: 83px;
height: 26px;
background-image: url("img/overmij.png");
float: left;
position: relative;
left: 103px;
top: 207px;
}
.reisverslagen
{
width: 125px;
height: 23px;
background-image: url("img/reisverslagen.png");
float: left;
position: relative;
left: 113px;
top: 203px;
}
.fotoboek
{
width: 91px;
height: 28px;
background-image: url("img/fotoboek.png");
float: left;
position: relative;
left: 122px;
top: 193px;
}
.tekstbar
{
width: 526px;
height: 276px;
background-color: #ffffff;
Position: relative;
top: 10px;
left: 56px;
border: 1px solid;
border-color: #6c3005;
float: left;
}
.nieuwsbar
{
width: 246px;
height: 276px;
background-color: #ffffff;
Position: relative;
top: 10px;
left: 70px;
border: 1px solid;
border-color: #6c3005;
float: left;
}
.tekst1
{
width: 470px;
height: 274px;
}
h1
{
font-family: tahoma;
font-size: 18px;
color: #6c3005;
position: relative;
top: 16px;
left: 21px;
font-weight: bold;
}
h2
{
font-family: tahoma;
font-size: 18px;
color: #6c3005;
position: relative;
top: 26px;
font-weight: bold;
}
p
{
font-family: tahoma;
font-size: 12px;
font-weight: bold;
position: relative;
top: 15px;
left: 21px;
line-height: 20px;
}
li
{
font-family: tahoma;
font-size: 12px;
color: #000000;
font-weight: bold;
position: relative;
top: 15px;
left: -18px;
line-height: 20px;
list-style-type: none;
}
a{
text-decoration:none;
color: #000000;
}
.fotobar
{
width: 788px;
height: 160px;
background-color: #ffffff;
Position: relative;
top: 25px;
left: 55px;
border: 1px solid;
border-color: #6c3005;
float: left;
}
.foto1
{
position: relative;
top: 5px;
}Mvg,
Tim Eijgelshoven
