Höhe eines divs
Oliver
- css
0 Ingo Turski0 Gunther
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
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
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