Hallo Claudia,
Das kannst du mit einer Einteilung der Seite in DIVs machen. Je ein DIV wird definiert für den Bereich Kopf, das Navigationsmenü und den Inhalt.
So könnte deine Seite aussehen:
<head>
<link rel="stylesheet" type="text/css" href="definitionen.css">
</head>
<body>
<div id="seitenkopf">
Hier steht der Code für den Kopf
</div>
<div id="linke-spalte">
Hier steht der Code für das Navigationsmenü
</div>
<div id="rechte-spalte">
Hier steht der Code für den Seiteninhalt
</div>
</body>
Die Größen der DIVs definierst du im CSS-File (z.B. definitionen.css), das oben im Header eingebunden wurde:
#seitenkopf
{
position:absolute;
height:79px;
top:10px;
width:654px;
left:10px;
}
#linke-spalte
{
position:absolute;
height:350px;
top:123px;
width:140px;
left:10px;
}
#rechte-spalte
{
position:absolute;
height:350px;
top:123px;
width:480px;
left:184px;
overflow-y: scroll;
}
Die Eigenschaft overflow-y in der rechten Spalte sorgt dafür, dass der Inhalt gescrollt werden kann, wenn er zu groß für das Fenster wird.
Die Größenangaben der drei DIVs musst du natürlich noch deinen Wünschen anpassen und du kannst natürlich weitere Eigenschaften darin definieren, z.B. Hintergrundfarben, Rahmen und was sonst noch gewünscht ist.
