Ik heb besloten om de overstap te maken van tabellen naar div-jes, daarom ben me maar eens gaan verdiepen in css.
Ik probeer een heel standaard layout te maken.
Ik heb een div hoofdscherm, waar alles in komt te staan, daarin heb ik een div links, en een div rechts om een twee-kolommen layout te creëren.
Dit lukt maar gedeeltelijk, de div hoofdscherm doet het prima, de div links eveneens maar de div rechts krijg ik niet aan de rechter kant.
Kan iemand mij helpen? Of heeft iemand een heel simpel 2 kolommen layout klaar liggen dat ik kan gebruiken om te kijken hoe het wel moet?
De code is misschien ook wel handig ;)
<!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" lang="ne">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>{titel}</title>
<style type="text/css">
<!--
body {
margin:0px;
padding:0px;
}
.hoofdscherm {
position:absolute;
width:85%;
margin-left:7.5%;
margin-top:5px;
background-color:#FF0000;
}
.links {
position:relative;
height:100%;
width:20%;
background-color:#990000;
}
.rechts {
position:relative;
height:100%;
width:80%;
background-color:#CCFF33;
}
-->
</style>
</head>
<body lang="nl">
<div class="hoofdscherm">
<div class="links">
Links
</div>
<div class="rechts">
Rechts
</div>
</div>
</body>
</html>
Groetjes
Freek--