[k1Turbo]

Hallo zusammen,

Probleme mit einem footer, der immer am unteren Rand stehen soll sind ja bekannt. Ich habe bereits mehrere Lösungen probiert, aber nichts funktioniert.

Ich denke, dass das Problem bei mir mit der Positionierung zusammen hängt.
Habe ein Layout -> Menü ganz oben, 2-Spaltiger Inhalt und den Folter am Ende.

In der ersten Spalte des Inhalts steht ein Image-Slider, dessen Navigationselemente absolut über dem Bild positioniert sind.
Der nachfolgende Inhalt der Spalte ist auch positioniert, da er sonst hinter dem Solider steht.

Das Problem ist nun der Footer.
Er ist fixes positioniert, allerdings wird nach dem scrollen auf kleineren Bildschirmen die Hintergrundfarbe des wrapper nicht fortgesetzt, obwohl dessen min-height auf 100% steht.
Wenn ich den footer absolut positioniere, bleibt er beim scrollen auf der Seite stehen.

Unter folgendem Link könnt ihr euch mein Problem mal ansehen: Beispiel

Ich hoffe ihr könnt mir helfen. Vielen Dank schon einmal.

[fricca]

Zitat von k1Turbo

allerdings wird nach dem scrollen auf kleineren Bildschirmen die Hintergrundfarbe des wrapper nicht fortgesetzt, obwohl dessen min-height auf 100% steht.

Nein. Es ist height:100% angegeben. So wird nie was wachsen.
Außerdem dürfen die Inhalte, die Einfluss auf das Mitwachsen haben sollen, nicht absolut positioniert sein.

Das sieht nach Ratespiel aus. Ich empfehle Grundlagenlektüre.

[Sinokle]

Zusätzlich zu der überflüssigen absoluten Positionierung, solltest du nicht zwischen der linken und der rechten Spalte einen Clear einschieben. Dann erreichst du zwar, dass die Divs auf der jeweils linken oder rechten Seite sind, aber nicht nebeneinander. Pack die Clear-Div unter die rechte Spalte.

[k1Turbo]

Zitat von fricca

Nein. Es ist height:100% angegeben. So wird nie was wachsen.
Außerdem dürfen die Inhalte, die Einfluss auf das Mitwachsen haben sollen, nicht absolut positioniert sein.

Das sieht nach Ratespiel aus. Ich empfehle Grundlagenlektüre.

Ein Ratespiel ist es inzwischen wirklich, da kein Lösungansatz den gewünschten Erfolg brachte. Das nachschlagen in der Referenz würde mich weiterbringen, wenn ich wüsste ob das Problem von der Positionierung der Spalten kommt oder ob der Footer das Problem ist.

Zitat von Sinokle

Zusätzlich zu der überflüssigen absoluten Positionierung, solltest du nicht zwischen der linken und der rechten Spalte einen Clear einschieben. Dann erreichst du zwar, dass die Divs auf der jeweils linken oder rechten Seite sind, aber nicht nebeneinander. Pack die Clear-Div unter die rechte Spalte.

Das hatte ich bereits, leider löst das auch nicht mein Problem

Danke schonmal für eure Mühe.

[fricca]

Zitat von k1Turbo

Das nachschlagen in der Referenz würde mich weiterbringen, wenn ich wüsste ob das Problem von der Positionierung der Spalten kommt oder ob der Footer das Problem ist.

Ich habe keine Referenz verlinkt, sondern ein Lehrwerk. Darin wirst du systematisch an "Layout mit CSS" herangeführt.
Nochmal:

Zitat von fricca

Außerdem dürfen die Inhalte, die Einfluss auf das Mitwachsen haben sollen, nicht absolut positioniert sein.

[k1Turbo]

Zitat von fricca

Außerdem dürfen die Inhalte, die Einfluss auf das Mitwachsen haben sollen, nicht absolut positioniert sein.

Das hatte ich ganz übersehen! Das heißt, es liegt daran, dass der Text der linken Spalte absolut positioniert ist. Wenn ich ihn allerdings nicht absolut positioniere, steht er hinter dem Slider.
Möglich wäre ja dessen abstand zur Überschrift zu vergrößern. Die ideale Lösung scheint mir das aber auch nicht zu sein.

[fricca]

Es hat keinen Sinn, bruchstückhaft herumzudoktern. Dir fehlt der Überblick.
Deshalb setz dich jetzt bitte hin und arbeite das verlinkte Buch durch. Danach kannst du dann einschätzen, welche Möglichkeiten welche CSS-Eigenschaften bieten.