Dieses Layout basiert auf dem Layout Div mit 100% Höhe.
Das Div hat zusätzlich die Eigenschaft float:left bekommen.
Der rechte Bereich #content, hat lediglich die Eigenschaft overflow: auto;
Es folgt das gesamte Style Sheet für diese Seite
<style type="text/css">
<!--
html, body {
margin: 0px;
padding: 0px;
height: 100%;
}
#nav {
min-height: 100%;
height: auto !important;
background-color: #ECE2C6;
height: 100%;
width: 200px;
float: left;
}
#content {
padding: 10px;
overflow: auto;
}
#nav p {
margin-top: 0px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
}
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
-->
</style>
Für die Farbgebung des zweispaltigen Layouts bietet es sich an ein Hintergrundbild zu erstellen.
Zurück zum Dreamweaver Tutorial