Footer verschwindet/Ist nicht fest

    Heyho liebe Community,

    nach ca. 6 Stunden des erfolglosen versuchens meinen Footer richtig einzustellen wende ich mich nun an das Forum und bitte um hilfe..

    Erstmal es geht um diese beiden Seiten
    http://www.optima-network.de/Test/status.php

    und um
    http://www.optima-network.de/Test/

    Beide Seiten haben ein Problem,
    bei Seite 1 (Status.php) ist das Problem - sobald man zoomt (rein/raus) "verschwindet" der Footer (Farbe und es verrutscht die Schrift)
    [Ebenfalls verschiebt sich der Header]

    bei der Seite 2 [index.html] ist es so das der Footer ok ist - er "verschwindet" nicht wenn man zoomt - er ist jedoch nicht am ende der Seite und das finde ich Persönlich sehr sch... Ich arbeite schon die ganze Zeit an diesen blöden CSS Code bekomm es jedoch nicht hin es richtig zu machen.

    und nun Frage ich hier ob mir jemand dabei helfen kann das der Footer nicht verschwindet wenn man zoomt/größeren Bildschirm hat und das er immer am ende der Seite.

    Die CSS Datei: http://pastebin.com/4ZDae456
    Die Index.html Datei: http://pastebin.com/zUyAeJNu
    Die status.php Datei: http://pastebin.com/Y5MitfXq

    Ich hoffe wirklich das mir hier jemand helfen kann.

    PS: Dieses Design ist nicht von mir - es wurde mit dem Status Shower mit aufgesetzt.

    Fall 1)

    Bei mir verschwindet der Footer beim Zoomen nicht.

    Alles bleibt bei jeder Größer-/Kleiner- Darstellung schön zentriert.


    Fall 2)

    Das der Footer sich nicht am Ende der Seite befindet, liegt daran, dass die Seite insgesamt die Höhe des Screens noch nicht ganz ausreizt und noch nicht den Punkt erreicht, wo der Browser die Scrollbalken anzeigt.
    Leider ist es heute selbst mit HTML5 oder CSS3 immer noch nicht möglich, responsive Höhen in Prozent anzugeben, so dass diese bei der Darstellung berücksichtigt werden. Bis jetzt werden bei der Höhe immer noch ausschließlich Pixel akzeptiert.
    (Hoffe mal, dass irgendwann HTML6 und CSS4 diesbezüglich Abhilfe schafft. Wenn das mit der Breite problemlos möglich ist, müsste das ja eigentlich auch mit der Höhe hinzukriegen sein)

    In diesem Fall hättest Du die Möglichkeit die Höhe des Content-Blocks mittels 'min-height:' in px festzulegen oder noch einige <br>'s einzufügen. Bei min-height ist halt das Problem, dass es unterschiedliche Monitorgrößen gibt, wobei sich der Footer auf einem 1920x1080-Monitor wieder an einer ganz anderen Position wiederfinden wird als auf einem 1360x768-Monitor, von Tablets und Smartphones ganz zu schweigen.

    Aber eine andere Lösung gibt es glaub ich nicht.

    Drücken Sie die Any-Taste um fortzufahren!

    Einmal editiert, zuletzt von AnyKey (3. März 2016 um 13:34)

    das für die index.html

    einmal steht in des CSS #footercontainer Position: top;

    und einmal bottom:0;

    aber da steht nicht ! position :absolut; - bei
    probiere das mal..

    ich hoffe es klappt :)
    Gruß aus HH

    bei der .php weiß i noch nicht..

    2 Mal editiert, zuletzt von modem-kind (3. März 2016 um 14:10)