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>

PHP-Datei in einen Div-Container mittels PHP laden?

Ich möchte mit einem Klick auf den Button eine PHP-Datei in den "main"-Tag laden (= <main>...</main>).

Hier könnt ihr den Quellcode sehen: http://damiantoczek.de/gpus.php

Die Datei ".../topics/howmuchvramdoineed.php" soll in <main>...</main> geladen werden.

Und das auch so, dass man einen Verlauf hat und man einen Schritt zurück gehen kann, wo die Datei noch nicht hineingeladen wurde.

...zur Frage

Html div container mit css elementen als variable in externen Javascript?

Ich hoffe ich kann mich jetzt verständlich ausdrücken also ich hab probleme die variable im html einzufügen... Wahrscheinlich hab ich die variable im externen javascript falsch geschrieben weil das so aussieht als wäre das nichtmal geschlossen. Ich habe nicht vergessen den script im head zu verlinken Kann mir jemand ein bitte einfaches beispiel nennen, woran ich mich orientieren kann das wäre sehr hilfreich

...zur Frage

Aus Div-Container Inhalt per JavaScript auslesen?

Hallöchen,

Ich hab einen Link, wenn ich da drauf klicke möchte ich dass dem div ein String hinzugefügt wird. Der Link wird folgender Masen erzeugt:

<a href="javascript:aktion()">Link</a>

weiter oben steht dann das javascript:

 function aktion() { document.getElementById('abl').innerHTML = document.getElementById('abl').innerHTML + "\n" + "hinzugefügt";}

 der Div sieht so aus:

 <div id="abl" style="background-color: #E6E6E6; position:absolute; top: 200px; right: 100px; height: 300px; width: 200px;">

Plan

</div>

wenn ich jetzt auf den Link klicke, steht in dem Div: undefined hinzugefügt

Woran liegt das?

LG Checker0408

...zur Frage

Was möchtest Du wissen?