Oliver: Höhe eines divs

Hallo ihr lieben,

ich wünsche Euch allen erstmal einen schönen guten Tag.
So, meine Frage.

Ich habe vor ein Layout in css umzusetzten. Dabei habe ich im Moment ein kleines Problem.
Ich möchte rechts von meinem Inhalt eine Navigationsleiste platzieren. Diese soll im Falle der Inhalt ist länger als die Navigationsleiste immer gleich lang/hoch sein.

Wie kann ich das realisieren?
Mein Code sieht derzeit so aus:

html...
...
<div id="header">dddddd</div>
<div id="container">
    <div id="content">weewwe</div>
    <div id="sidebar">wewe</div>
    <div class="clear"></div>
</div>
...

das css dazu...
body{
 margin:0; padding:0;
 font-size:100.01%;
 }
div#header{
 height:150px;
 background:#878787;
 }
div#container{
 margin:0 auto;
 width:50em;
 background:#CCFF66;
 }
div#content{
 margin:1em 0 0 0;
 width:37em;
 background:#0000FF;
 }
div#sidebar{
 margin:-3em 0 0 37em;
 background:#000000;
 vertical-align:bottom;
 }
.clear{
 clear:both;
 }

Ist das überhaupt möglich?

Vielen Dank für konstruktive hinweise die zur Lösung meines Problemes führen.

MfG
Oliver

  1. Hi,

    Ich möchte rechts von meinem Inhalt eine Navigationsleiste platzieren. Diese soll im Falle der Inhalt ist länger als die Navigationsleiste immer gleich lang/hoch sein.

    Wie kann ich das realisieren?

    schau dir mal http://de.selfhtml.org/css/layouts/mehrspaltige.htm#hintergrund und insb. die Erklärung darunter an.
    Bei Deiner Breiten in em funktioniert das so natürlich nicht, aber Du könntest vielleicht eine Hintergrundgrafik in deinem container mit der Farbe des content entsprechend positionieren und zusätzlich die Farbe der sidebar angeben.

    freundliche Grüße
    Ingo

  2. Hallo Oliver,

    Ich möchte rechts von meinem Inhalt eine Navigationsleiste platzieren. Diese soll im Falle der Inhalt ist länger als die Navigationsleiste immer gleich lang/hoch sein.

    Wie kann ich das realisieren?

    siehe http://aktuell.de.selfhtml.org/weblog/css-spaltenlayout

    Gruß Gunther