Footer verschiebt sich

  • Hey Leute,


    hab es durch die Flexbox nach einiger Zeit endlich geschafft den Footer immer am Seitenende zu platzieren, selbst bei einer Seite mit wenig Inhalt.
    Jedoch funktioniert das ganze jetzt nicht mehr bei einer Seite mit Sidebar und Inhalt. Habe die Sidebar und links daneben den Inhalt zusammen in den Wrapper gepackt und der Footer springt wieder nach oben. Wie muss ich den Wrapper platzieren, damit der Footer weiterhin am Ende erscheint, auch wenn die Seite nur wenig Inhalt enthält?
    Hier mal meine Codes:



    Und das habe ich im CSS:



    Bin echt für jede Hilfe dankbar


    LG Lisa

  • wo ist den der Footer genau ? Flexbox ist eigentlich dazu da um auf position und float zu verzichten.Dein Wg den body und wrapper ein min-height von 100vh(100%) zu geben ,zwingt den footer auch unten zu bleiben,aber das sollte man eigentlich anders machen.
    Flexbox bietet da auch bessere möglichkeiten dein Layout umzusetzen.


    Vieleicht kuckst du hier nochmal rein das könnte dir helfen
    https://css-tricks.com/snippets/css/a-guide-to-flexbox/

  • Vielen Dank für den Link, allerdings haben mein body und wrapper schon ein min height von 100%. Auf meiner Seite "Kontakt" mit wenig Inhalt funktioniert alles wunderbar, der footer ist ganz unten. Doch bei dieser Seite mit Tabelle und Sidebar schiebt er sich unter das letzte Element und steht in der Bildschirmmitte. :-(
    Wenn ich das float left bei content und aside weglasse, schiebt sich der aside Text unter den content, anstatt rechts nebendran als Sidebar.


    Das ist mein footer: