Beiträge von MadeByProxxy

Okay. Es hat soweit doch funktioniert. Die Seite, wo ich es teste, hatte Reloadfehler. Die hab ich behoben. Vielen Dank an euch beide. Es funktioniert!

Gut dann eben eine genauere Fehlerbeschreibung: Der Footer bleibt immer noch oben am Seitenende der nicht-scrollbaren Seite.

An dem CSS-Code hab ich noch nichts geändert.

Hier der HTML-Code:

https://pastebin.com/i4DsYE8G

So ich hab das jetzt verbessert. Habe jetzt im Body unter den anderen Sachen ein Div Namens Footer gemacht.

Das Ding bleibt aber immer noch da oben hängen...

Okay Danke. Als ob ich Footer nicht in den Body gemacht hab...

Soo. Der HTML-Code von der Index-Seite ist dieser hier:

https://pastebin.com/7WRRcN7s

(Ich weiß, dass das ganze <br> keine schöne Idee ist, aber sie funktioniert erstmal und ich spiel nur ein bisschen an der Website rum. Das bitte ignorieren, ich weiß, man kann es besser machen :D)

Und der jetzige CSS-Code:

.footer{
  width: 100%;
  height: auto;
  min-height: 250px;
    margin: 0 auto;
    bottom: 0;
  background-image: url(footer-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  overflow: hidden;
  position: relative;
  padding-top: 75px;
  bottom: 0px;
}

Okay. Danke erstmal. Ich probier es aus.

Antwort zu deiner Frage: Weil ich ein Teil aus dem Internet hab und wohl übersehen hab, dass es da schon ist. Zudem bin ich, wie gesagt, ein HTML/CSS Anfänger c:

Guten Tag,

Ich weiß nicht genau, ob dieses Thema in den Bereich HTML gehört, aber jetzt ist es halt hier.

Kann mir irgendjemand beantworten, warum der Footer am Ende einer nicht-scrollbaren Seite ist, aber nicht am Ende einer scrollbaren Seite ist?

Ich bin noch ein "Anfänger" in CSS und HTML. Vielleicht kann es trotzdem jemand beantworten.

Das ganze sieht dann etwa so aus:

http://prntscr.com/mhbk4d

Der Footer überschreibt also andere Divs, die eigentlich über dem Footer sein müssten.

Hier ist der CSS-Code vom Footer:

#footer{
  width: 100%;
  height: auto;
  min-height: 250px;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
  background-image: url(footer-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  overflow: hidden;
  position: absolute;
  padding-top: 75px;
  bottom: 0px;
}

Wenn ihr noch den HTML-Code benötigt, kann ich ihn auch gern noch geben.

Danke schonmal für eure Hilfe,

MadeByProxxy