HTML Seiteninhalt zieht über den Footer

Aus gegebenem Anlass: Sichert eure Backupcodes wenn ihr die Zwei-Faktor-Authentifizierung aktiviert habt!

Infos dazu findet ihr nochmal hier

    Hallo,


    ich habe aktuell das Problem wenn ich mehrere Cards erstelle dass diese schlussendlich den Footer überlagern und dass ganze scheiße aussehen lassen. Woran liegt sowas ?



    Style des main-conatainer


    Code
    1. .main-container {
    2. position: relative;
    3. padding: 20px;
    4. min-height: 700px;
    5. background: #f5f8fb;

    Einmal editiert, zuletzt von BreadScript ()

    Zitat von Aebian

    Kannst du zeigen wie du den Footer in CSS deklariert hast?

    Klar aber dass ganze liegt vermutlich am " main-container " also der weißen Box. Denn wenn ich den Footer entferne bleibt das Problem weiterhin



    Code
    1. <footer class="footer">
    2. Copyright Nexton Admin App <span>2017</span>.
    3. </footer>

    Ist der footer in deiner main-container auf der HTML Seite deklariert? Dann liegt es vermutlich an min-height bei main-container.


    Entferne mal das min-height und setze stattdessen height auf auto.

    Wer PALWAL-Sternchen vergibt, bekommt aus Prinzip ein Like 😏


    Zitat von Colore

    palwal Donald Trump ist einer der besten Präsidenten welche die USA je hatte, meine Meinung.

    Zitat von palwal

    Ist der footer in deiner main-container auf der HTML Seite deklariert? Dann liegt es vermutlich an min-height bei main-container.


    Entferne mal das min-height und setze stattdessen height auf auto.

    Nein er befindet sich nicht in dem Bereich von main-container. Auch die Änderung der Style Datei auf Auto hat kein Ergebnis gebracht.


    //Edit


    Fehler ist gefunden. Es fehlte ein


    Code
    1. <div class="row gutter">

    Einmal editiert, zuletzt von BreadScript ()