nicht angemeldet
DIV-Positionierung
Hallo Forum,
folgendes Problem:
Der Inhalt steht in einer DIV-Box, die oben anfängt und bei viel Inhalt länger als der Bildschirm ist. Die Box hat jeweils 100px Abstand zu den Seiten des Bildschirms. Ich möchte nun auf beiden Seiten der Box eine Schattengrafik anbringen. Diese hat in sich einen Verlauf, so daß die Grafik 20px breit und 2000px hoch ist. Nun habe ich eine weitere DIV-Box absolut an der Kante der Inhaltbox positioniert und als Hintergrundgrafik den Schatten angegeben. Die Box ist 100% hoch.
Wenn nun aber der Content über den Bildschirm hinausgeht, ist die Schattenbox nur so hoch wie der erste Bildschirm, sie hört also plötzlich auf. Wieso sind 100% nicht die Höhe des Gesamtbody, sondern nur des sichtbaren ersten Teils?
Gibt es hierfür eine andere Lösung?
Gruß,
Felix
-
Hallo Felix!
Wieso schachtelst Du Deine "Div Boxen" wenn die ursprüngliche Box ja auch eine Hintergrundgrafik haben könnte? Den Abstand könntest Du mit Paddings darstellen können. Ohne Quellbeispiel ist es aber schwer zu helfen.
Schönen Gruß
Afra
-
Ich müsste es sehen was Du meinst, aber tendeziell musst Du doch dem div nur ein border-left und border-right verpassen und schon hast Du einen Schatten.
-
Hallo Felix,
Gibt es hierfür eine andere Lösung?
Ein möglicher Ansatz wäre, den Schatten links mit einer Hintergrundgrafik des Body zu erzeugen und den Schatten rechts als Hintergrund der DIV-Box; beide mit repeat-y. Ggf. müsstest Du die Abstände von 100px anpassen.
Ansonsten ist etwas Quelltext sinnvoll.
Viele Grüße
Frank