div so groß wie innenliegende liste bzw. immer bis zum rand

[theghostdog]

Hallo zusammen,

ich habe folgendes Problem: Ich habe ein Artikelbereich und daneben ist die Navigation. Diese ist eine <ul> in ein div eingelegt. Nun soll dieses div etwas dunkelgrauer sein als der sonstige hintergrund. ich also von div die background-color auf dunkelgrau gesetzt. alles fein, nun ist zumindest soweit wie die navigation reicht das ding dunkelgrau. jetzt soll aber dies bis zum unterenende des bildschirmes reichen, oder wenn die navigation weiter geht (z.b bei hilfedokumenten oder so ...) soll das dunkelgrau dann über den bildschirmrand hinüberraus bis zum ende der navigation reichen. verständlich??? hier nochmal ne illustration:

----------- <--- Navigationsbereich begin
| nav01 |
| nav02 |
| nav03 | <-- Navigation
| nav04 |
| nav05 |
| |
| |
| |
| |
| |
----------- <-- ende der seite (sozusagen bildschirm unten links)

muß ja eigentlich ganz einfach sein, komm aber nicht darauf. jemand einen tip oder link??? mfg schon mal

ghostdog

[skittles]

mit margin-top den Abstand zum oberen Bildschirmrand angeben, mit margin-bottom den Abstand zum unteren Rand, mit height: 100% die Höhe aufs maximum setzen.

[theghostdog]

hi,

erst mal danke.

das funktioniert so leider nicht, hier noch bissl mehr code von mir:

Code: Alles auswählen

<div>
    <div>
   <ul>
            <li>1</li>
            <li>2</li> [...]
          </ul>         
    </div> 
    <div>
       [...]
    </div>
    <div>
      [...]
    </div>
</div>


so die beiden divs colboxnews und colboxnav sollen jetzt bis zum unteren rand dunkelgrau sein (oder tiefer) und colarticel soll hellgrau sein. wenn ich heigth=100% mit margin-top/-bottom=0px setze dann ist colboxnews nur soviel grau wie die ul lang ist.

noch einen tip?

[skittles]

WIe wärs mit einem Link?

[Laus]

Was du suchst ist vermutlich entweder -->dies<-- oder -->dies<--. Beides sollte dir weiterhelfen.

[theghostdog]

hi,

erst mal danke für deine links. genau das habe ich gesucht. in einer freien minute werde ich das testen, sieht aufwendig aus. aber dafür auch toll.

vielen dank für eure hilfe!! ich melde mich bestimmt nochmal .