Hallo liebe Community,

vielleicht kann mir hier jemand mit meinem Problem helfen:

Ich möchte einen Slider auf unserer Seite einbauen, die Besonderheit dabei ist jedoch, dass er die komplette Fensterbreite einnehmen soll (also breiter ist als der Content-Bereich). Die Höhe soll aber nur ca. 70% betragen, sodass man wenn man auf der Startseite landet unter dem Slider auch gleich noch einen Textabschnitt sieht.
Mein Problem ist jetzt, dass ich den Slider nur auf die Fensterbreite skaliert kriege wenn ich ihm über "head bearbeiten" die Eigenschaft position:fixed gebe. Dies bewirkt jedoch wiederum, dass der darunter stehende Text, sowie die Footerleiste unter meinen Slider scrollen während dieser logischerweise immer an der gleichen Stelle bleibt.

Also nochmal zusammengefasst: der Slider soll so breit sein wie mein Fenster, aber nicht ganz so hoch, sodass darunter noch Text stehen kann. Beim scrollen soll sich sowohl der Slider als auch Text und Footer bewegen, sodass immer alles untereinander platziert bleibt und Text und Footer nicht irgendwann vom Slider verdeckt werden.

Bisher habe ich den Nivo-Slider verwendet, da dieser Bildunterschriften unterstützt, ich wäre jedoch auch für andere Lösungen offen, wenn diese ebenfalls Bildunterschriften unterstützen.

Wäre super, falls jemand hierfür eine Lösung weiß oder das vielleicht schon ähnlich umgesetzt hat.

Hi az,

habe versucht deinen Vorschlag umzusetzen, leider ohne das gewünschte Ergebnis!
Zwar war mir auch nicht klar, welcher der vielen Container in denen der Slider liegt, der richtige ist, aber ich hab es mit ein paar ausprobiert und es hat alles nicht funktioniert :/
Der Container wurde zwar auf die Fensterbreite skaliert aber der Slider ist klein geblieben. Außerdem war der Footer meist nicht mehr auffindbar...

Hast du eine Idee, wie man den Slider dazu bringen kann sich an den Container anzupassen? Oder eine ganz andere Lösung?
Habe die Seite jetzt mal wieder so gemacht wie ich sie davor schon hatte...

Hier kommst du zur Seite

Trotzdem schonmal vielen Dank!

So az, habe deine neue Lösung eingebaut und es sieht schon viel besser aus als vorher - Danke!!
Das einzige was mich jetzt noch stört ist, dass das mobile Design ziemlich zerschossen ist wenn ich das Fenster kleiner ziehe. Da klebt dann der Slider am rechten Rand und es entstehen unschöne Lücken zum Header und zur Leiste mit den Bildunterschriften.
Werde mal ein bisschen rum probieren ob ich das wegbekomme, ansonsten freue ich mich natürlich falls du da auch eine Lösung parat hast ;)

Wollte nur nochmal Bescheid sagen, dass ich jetzt glaub ich soweit klar komme.
Vielen Dank für die Hilfe :)