div-Tag maximal so hoch wie Fenster

Tobb · #1 (**permalink**) 25.10.2005, 14:26

Hi,

wie kann ich einen div-Tag mit CSS so ausrichten, dass er maximal bis zur Fensterunterkante geht und nicht weiter?
Dabei gilt position: static (Normaleinstellung)
Sobald der Inhalt in diesem div-Tag über seine Höhe (=>Fensterunterkante) hinaus geht, soll er eine Scrollbar bekommen. (also "overflow: auto;" denk ich mal)
Aber was geben ich für height an?

Das ganze ist dafür da, um zu vermeiden, dass eine Scrollbar für die komplette Seite entsteht.

andir · #2 (**permalink**) 25.10.2005, 14:41

Such mal mit der SuFu nach "100%" height.
Das sollte Dir ein paar Threads und Lösungen bringen.

grüsse andir

Tobb · #3 (**permalink**) 25.10.2005, 15:16

Da habe ich nichts gefunden was ich auf mein Problem direkt beziehen könnte.

Hier ist die Seite:
http://home.arcor.de/tobi.87/test_page.html

Dieser ewig lange Text in dem content-div verursacht natürlich bei allen Browsern eine Scrollbar. Genau das will ich aber vermeiden.
Was ich möchte ist folgendens:
Der content-div soll nicht über den unteren Rand des Brwoser hinaus gehen, sodass der Browser nicht auf die Idee kommt eine Scrollbar zu machen.
Damit man aber den Text lesen kann der nicht drauf passt, soll der content-div eine eigene Scrollbar bekommen.
Diese Scrollbar scrollt dann nur den langen Text und alles andere bleibt stehen (Navigation und Titellesite bleiben stehen, was ja jetzt nicht der Fall ist).

Hier ein Muster wie es aussehen soll:

Hier meine Dateien:

HTML

Code:

<body>
    <div id="header">
        <h1>Test_Page</h1>
    </div>


    <div id="navigation">
         Link
         


             <h1>Kategorie1</h1>
             Link1
             Link2
         </p>

         


             <h1>Kategorie2</h1>
             Link1
             Link2
             Link3
         </p>

         


             <h1>Kategorie3</h1>
             Link1
             Link2
         </p>

         


             <h1>Kategorie4</h1>
             Link1
             Link2
             Link3
         </p>
    </div>


    <div id="content">
        
    </div>
</body>

CSS (wichtigeste Teile):

Code:

#header, #navigation, #content
{
    background-color: #300;
    padding: 5px;
    margin: 0;
}



#header
{
    margin-bottom: 5px;
}



#navigation
{
    width: 200px;
    margin-right: 5px;
    float: left;
}



#content
{
    overflow: auto;
    height: 100%;
}

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Fenster Einblendung im Zusammenspiel mit div hide show funktioniert nur zu 50 %	alumnius	CSS	1	19.06.2013 12:51
Frage zum Div Tag	stipo	(X)HTML	7	01.06.2010 17:45
Abstand DIV zum Fenster	turntab	CSS	2	31.03.2010 10:09
Die maximale breite wird nicht erkannt	notebook20000	CSS	9	22.06.2006 20:14
höhe eines div tag an ein anderes anpassen	ffr	CSS	4	09.12.2003 16:59