HTML Seiteninhalt zieht über den Footer

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 ?

pasted-from-clipboard.png

Style des main-conatainer

.main-container {
    position: relative;
    padding: 20px;
    min-height: 700px;
    background: #f5f8fb;

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

.footer {
    border-top: 1px solid #d1dfec;
    height: 60px;
    line-height: 60px;
    text-align: left;
    font-size: 12px;
    width: 100%;
    padding: 0 20px;
    background: #ffffff;
    position: relative;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

<footer class="footer">
                    Copyright Nexton Admin App <span>2017</span>.
                </footer>

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

<div class="row gutter">