tag:forum.selfhtml.org,2005:/self DIV-Positionierung – SELFHTML-Forum 2005-11-18T11:20:31Z https://forum.selfhtml.org/self/2005/nov/18/div-positionierung/899324#m899324 Felix 2005-11-18T10:48:29Z 2005-11-18T10:48:29Z DIV-Positionierung <p>Hallo Forum,</p> <p>folgendes Problem:</p> <p>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.</p> <p>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?</p> <p>Gibt es hierfür eine andere Lösung?</p> <p>Gruß,<br> Felix</p> https://forum.selfhtml.org/self/2005/nov/18/div-positionierung/899327#m899327 afra afra@sixpack.org 2005-11-18T11:10:11Z 2005-11-18T11:10:11Z DIV-Positionierung <p>Hallo Felix!</p> <p>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.</p> <p>Schönen Gruß</p> <p>Afra</p> <div class="signature">-- <br> <a href="http://www.die-partei-rlp.de" rel="nofollow noopener noreferrer">Die PARTEI in RLP</a> </div> https://forum.selfhtml.org/self/2005/nov/18/div-positionierung/899326#m899326 Andreas 2005-11-18T11:14:16Z 2005-11-18T11:14:16Z DIV-Positionierung <p>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.</p> https://forum.selfhtml.org/self/2005/nov/18/div-positionierung/899325#m899325 Frank Opper http://www.frank-opper.de 2005-11-18T11:20:31Z 2005-11-18T11:20:31Z DIV-Positionierung <p>Hallo Felix,</p> <blockquote> <p>Gibt es hierfür eine andere Lösung?</p> </blockquote> <p>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.</p> <p>Ansonsten ist etwas Quelltext sinnvoll.</p> <p>Viele Grüße<br> Frank</p>