DIV-Container beginnt am Ende des Fensters?

2 Antworten

Verwende vh als Höheneinheit, sie bezieht sich auf den aktuellen Viewport.

https://stanhub.com/how-to-make-div-element-100-height-of-browser-window-using-css-only/

Hmmm. Ja jetzt beginnt er tatsächlich da ganz unten. Die Seite scrollt leider nicht weiter. Mein div verschwindet nun. Hast du da noch einen schnellen Lösungsansatz? Ich probiere sonst einfach mal weiter.

0
@Sapzalp95

hat sich erledigt. Bei mir sieht es nun so aus.

CSS:

.main{

background-color: red;
position: absolute;
width: 100%;
height: 100%;
top: 100vh;
}
0
@Sapzalp95

Wozu benötigst du eine absolute Positionierung? 😦

0

Naja... Bei mir läufts nicht wies soll... Es sei denn, mein Viewport ist größer, als der sichtbare Teil der Seite...

Mit "height: 100%" läufts dagegen wunderbar.

P.S.: SeaMonkey 2.46 (20161213175921)

0
@Isendrak

Dann liegt es wohl an dem Browser. Dabei unterstützt SeaMonkey die Einheit bereits seit 2.16.

0
<html>
    <head>
        <style>
            #foobar{
                width: 100%;
                height: 100%;
            }
            .main{
                background-color: gray;
            }
        </style>
    </head>
    <body>
        <img src="foobar.png" id="foobar"/>
        <div class="main" >
            <p>SEITENINHALT</p>
        </div>
    </body>
</html>

Was möchtest Du wissen?