Footer-Text befindet sich "unter" dem Footer (mit Screenshot)

Hallo zusammen,

ich versuche das Problem seit Stunden zu beheben aber kriege es einfach nicht hin!

Screenshot: Der blaue Balken ist der Footer. Direkt darunter ist aber der Text vom Footer. Warum ist der Text nicht im Footer so wie es sich gehört? Ich verstehe es einfach nicht..

Hier ist der CSS Code:

#main-footer {
height: 100px !important;
line-height: 100px;
position: absolute;
bottom:30px;
width: 100%;
}

Vielleicht hat ja jemand eine Idee?

Liebe Grüße
Janina

Hey MrMurphy,

danke für deine schnelle Antwort. Ich habe die Angabe rausgenommen, dadurch ist der Footer jedoch nur noch weiter nach oben gerutscht:

Ich schreibe noch den übrigen relevanten Code dazu:

Hauptteil der Seite:
#et-main-area {
margin-top: 0px;
position:relative;
height: 800PX;}

Der sekundäre Footer der einfach garnicht sichtbar ist, ich weiß nicht warum:
#et-footer-nav{
height: 40px;
position: fixed;
background-color: green;
width: 100%;}

Jemand irgendeine Idee was hier los ist?

Grüße Janina