nicht angemeldet
Hi Daniel,
falls das nicht funktioniert haben sollte, hast du noch irgendwelche anderen Angaben am Start oder keine Doctype Deklaration in deinem Dokument (von Beginnern gern unterschätzt).
Wie dem auch sei, weil heute so ein guter Tag ist (abgesehen vom Hamburger Wetter), hier dein fertiges Layout:
<style type="text/css">
* {
margin: 0;
padding: 0;
border: 0 none;
}
#container {
position: absolute;
left: -463px; /* für Zentrierung in der Seite
top: 35px;
margin-left:50%; /* für Zentrierung in der Seite
border: 1px solid #CACACA;
width: 926px;
height: 524px;
background-image: url(bilder/A.gif) no-repeat 0 0;
}
#navi {
padding: 10px;
position: absolute;
left: 20px;
bottom: 20px;
width:110px;
list-style: none;
background-color: yellow;
}
#inhalt {
padding: 10px;
position: absolute;
right: 20px;
bottom: 20px;
width:650px;
height:360px;
overflow: auto;
background-color: orange;
}
</style>
<div id="container">
<ul id="navi">
<li><h2>Navigation</h2></li>
<li><a href="index.htm" class="aktiv">HOME</a></li>
<li><a href="profil.htm">PROFIL</a></li>
<li><a href="galerie.htm">GALERIE</a></li>
<li><a href="referenzen.htm">REFERENZEN</a></li>
<li><a href="presse.htm">PRESSE</a></li>
<li><a href="kontakt.htm">KONTAKT</a></li>
<li><a href="impressum.htm">IMPRESSUM</a></li>
</ul>
<div id="inhalt">
<h1>Überschrift</h1>
<p>Inhalt</p>
</div>
</div>
Bitte beachte, dass ich es auf absolute Postionierung umgestellt habe. Generell ist das nicht empfehlenswert und am schwierigsten zu handhaben. In deinem Fall macht es aber Sinn, deine Navigation "wächst" jetzt bei Bedarf (User > Schriftgröße etc.) automatisch nach oben. Und bitte weiterhin auch beachten, dass du irgendwelche paddings und u.U. margins immer in Breiten und Höhenangaben mit einrechnen musst.
Gruß
Antipitch