Lid |
|
Hoi, heb het volgende stukje css waarin de hoofdcontainer staat:
body {
color: #1E4D1E;
font: Calibri;
}
a {
color: #98bf21;
}
.log {
top: 3px;
position: absolute;
right: 25px;
width: 220px;
text-align: left;
padding: 5px;
font: 0.6em Calibri;
}
.inlogcontainer {
top: 60px;
position: absolute;
right: 25px;
text-align: left;
padding: 5px;
}
.hoofdcontainer {
background-color: #fff;
min-height: 100%;
height: 1000px;
margin: 0 auto;
position: relative;
width: 1100px;
border-style: solid;
border-width: 1px;
border-color:#98bf21;
font: 1.1em Calibri;
}
.logo {
top: 15px;
position: absolute;
width:180px;
left: 20px;
float: left;
}
.menu {
top: 25px;
position: absolute;
right: 40px;
width: 400px;
text-align: right;
font: 1.2em Calibri;
}
body { color: #1E4D1E; font: Calibri; } a { color: #98bf21; } .log { top: 3px; position: absolute; right: 25px; width: 220px; text-align: left; padding: 5px; font: 0.6em Calibri; } .inlogcontainer { top: 60px; position: absolute; right: 25px; text-align: left; padding: 5px; } .hoofdcontainer { background-color: #fff; min-height: 100%; height: 1000px; margin: 0 auto; position: relative; width: 1100px; border-style: solid; border-width: 1px; border-color:#98bf21; font: 1.1em Calibri; } .logo { top: 15px; position: absolute; width:180px; left: 20px; float: left; } .menu { top: 25px; position: absolute; right: 40px; width: 400px; text-align: right; font: 1.2em Calibri; }
html :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<LINK HREF="css/basis.css" REL="stylesheet" TYPE="text/css">
</head>
<body bgcolor="#E4FFFF">
<table width="1100px" align="center">
<tr>
<td>
<div class="hoofdcontainer">
<div class="log">ingelogd als.</div>
<div class="menu"><a href="index.php">Hoofd</a>--<a href="#1">Bespaar</a>--<a href="#2">Uitloggen</a></div>
<div class="menu"></div>
<div class="inlogcontainer">inloggen</div>
<div class="logo"><img src="imag/logo.jpg" width="300" height="45" alt="" border="0" align=""><br /><img src="imag/subtekst.jpg" width="300" height="40" alt="" border="0" align=""></div>
</div>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <LINK HREF="css/basis.css" REL="stylesheet" TYPE="text/css"> <table width="1100px" align="center"> <div class="hoofdcontainer"> <div class="log">ingelogd als. </div> <div class="menu"><a href="index.php">Hoofd </a>-- <a href="#1">Bespaar </a>-- <a href="#2">Uitloggen </a></div> <div class="inlogcontainer">inloggen </div> <div class="logo"><img src="imag/logo.jpg" width="300" height="45" alt="" border="0" align=""><br /><img src="imag/subtekst.jpg" width="300" height="40" alt="" border="0" align=""></div>
Het probleem is dat de hoofdcontainer niet automatisch meerekt met de containers er binnen in, wat zie ik over het hoofd of doe ik verkeerd?
|