Nieuw lid |
|
De Div's latest en profile worden 100% van scherm weergegeven en niet 100% van de beschikbare ruimte waardoor je steeds een 100-tal pixels moet scrollen.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<title>Titel</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
margin: 0px;
height: 100%;
}
div.website {
margin: 0px auto;
width: 770px;
min-height: 100%;
height: auto !important; /* voor moderne browsers */
height: 100%;
position: relative;
}
div.banner {
padding-left:20px;
margin: 0px;
background: #0000FF;
width: 100%;
height: 85px;
}
div.navigation {
padding-left:20px;
margin: 0px;
background: #00FF00;
width: 100%;
height: 20px;
}
div.contentWebsite {
margin: 0px;
background: #FFFFFF;
width: 100%;
height: 100%;
}
div.latest {
margin: 0px;
float: left;
background: #FF0000;
width: 175px;
}
div.profile {
padding: 0px;
margin: 0px;
background: #FFFFFF;
width: 100%;
}
.bottom {
border: solid 0px #000000;
bottom: 0;
width: 100%;
background: #446600;
}
-->
</style>
</head>
<body>
<div class="website">
<div class="banner">Banner</div>
<div class="navigation">Navigation</div>
<div class="contentWebsite">
<div class="latest">Laatste nieuws</div>
<div class="profile">Profiel</div>
</div>
<div class="bottom">Balk onderaan</div>
</div>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <head> <title>Titel</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- body { margin: 0px; height: 100%; } div.website { margin: 0px auto; width: 770px; min-height: 100%; height: auto !important; /* voor moderne browsers */ height: 100%; position: relative; } div.banner { padding-left:20px; margin: 0px; background: #0000FF; width: 100%; height: 85px; } div.navigation { padding-left:20px; margin: 0px; background: #00FF00; width: 100%; height: 20px; } div.contentWebsite { margin: 0px; background: #FFFFFF; width: 100%; height: 100%; } div.latest { margin: 0px; float: left; background: #FF0000; width: 175px; } div.profile { padding: 0px; margin: 0px; background: #FFFFFF; width: 100%; } .bottom { border: solid 0px #000000; bottom: 0; width: 100%; background: #446600; } --> </style> </head> <body> <div class="website"> <div class="banner">Banner</div> <div class="navigation">Navigation</div> <div class="contentWebsite"> <div class="latest">Laatste nieuws</div> <div class="profile">Profiel</div> </div> <div class="bottom">Balk onderaan</div> </div> </body> </html>
|