nicht angemeldet
div-Element mit Hintergrund ohne Inhalt
Hallo!
Ich will auf meiner Seite in einem linken 200px breiten Abschnitt haben, der eine blaue Hintergrundfarbe hat. Zudem enthält dieser Rand noch mein CSS-Menü(id="nav"). Obwohl ich für das div-Element(nav-pos) height:100% angegeben habe, erscheint es nur soweit wie das div-Element des Menü geht(-->490px). Wie kann ich erreichen, dass der Rand aber wirklich soweit nach unten wie nur möglich geht, auch wenn kein Inhalt vorhanden ist?
Hier mal der Code:
#nav-pos{
position:absolute;
top:119px;
left:0px;
width:200px;
height:100%;
background-color:blue;
font-size:14pt;
font-weight:bold;
}
#nav ul{
list-style-type:none;
margin:0;
padding:0;
width:200px;
height:380px;
border:2px solid #616178;
background-color:#B3B3C1;
}
#nav li {
padding:12px 5px 5px 5px;
padding-left:10px;
<div id="nav-pos">
<div id="nav">
<ul>
<li><a href="index.html">Startseite</a></li>
...
...
...
</ul>
</div>
</div>
-
Hallo,
Obwohl ich für das div-Element(nav-pos) height:100% angegeben habe, erscheint es nur soweit wie das div-Element des Menü geht(-->490px).
Ist auch richtig so. Wenn du willst, dass es über diesen Rand hinaus geht, musst du auch das Elternelement dementsprechend setzen, zB body, html 100%.
Markus Trusk.
-
Hallo,
Obwohl ich für das div-Element(nav-pos) height:100% angegeben habe, erscheint es nur soweit wie das div-Element des Menü geht(-->490px).
Ist auch richtig so. Wenn du willst, dass es über diesen Rand hinaus geht, musst du auch das Elternelement dementsprechend setzen, zB body, html 100%.
Markus Trusk.
Das hätte ich auch eigentlich gemacht, es will dennoch nicht funzen!
-
hi,
Das hätte ich auch eigentlich gemacht,
und was hat dich abgehalten?
es will dennoch nicht funzen!
so fern dies nicht am konjunktiv im ersten satzteil liegt - dann zeig mal code und/oder online-beispiel.
gruss,
wahsaga
-
-