DIV maximale Höhe

byspeed · 14 Februar 2011

Hallo!
Wie kann ich die Höhe der markierten Box auf maximal setzen, sodass am Browserfenster selbst kein Scrolbalken entsteht, sondern nur im Div-Kasten?
#inhalt {
height: ????????;
overflow: auto;
}
Vielen Dank!

Uploaded with ImageShack.us

mermshaus · 14 Februar 2011

Ein Ansatz wäre wohl absolute Positionierung.

HTML:

<!DOCTYPE html>

<html lang="de">

    <head>
        <meta charset="utf-8" />
        <title>New</title>
        <style type="text/css">
            html, body {
                height: 100%;
                margin: 0;
                padding: 0;
                position: relative; /* vielleicht unnötig */
            }

            .mybox {
                position: absolute;
                top: 100px;
                right: 50px;
                bottom: 30px;
                left: 50px;
                border: 1px solid #ccc;
                overflow: auto;
            }
        </style>
    </head>

    <body>
        <div class="mybox">
            <p style="height: 1000px;">Bisschen Raum zum Atmen</p>
            <p>Absatz 2</p>
        </div>

    </body>

</html>

Ich kann dir aber nicht sagen, welche Browser da in welchem Maße mitspielen. Die aktuellen können es vermutlich. In der Vergangenheit hat alles mit „height: 100%;“ nur Probleme bereitet. ;)

threadi · 14 Februar 2011

Setze bei allen Elementen ausgehend von html bis hin zu dem Eltern-Element von dem Element mit der ID "inhalt" die Höhe auf 100%. Der ID "inhalt" gibst Du dann die von dir gewünschte Höhe (könnte auch 100% sein, auch wenn ich darin irgendwie keinen Sinn erkennen kann) zusammen mit "overflow: auto;".

DIV maximale Höhe

byspeed

Neues Mitglied

mermshaus

Senior HTML'ler

threadi

Moderator

Neueste Beiträge