|
|||
Grafikposition mit scrollbarem DIV koppeln -- aber außerhalb des DIV?
Hi Forum,
angenommen, eine Webseite enthält einen Content-DIV, der mittels Scrollbar rauf und runter gescrollt werden kann. Klar ist erstmal, dass in dem Content-DIV natürlich auch Grafiken enthalten sein können, die dann (in den Content-Text eingebettet) ebenso rauf und runterscrollen. Ist es aber auch möglich, eine Grafik sozusagen "in" dem Content-DIV zu verankern, wobei die Grafik jedoch eine andere z-Position hat, und wobei die Grafik (außerhalb des Content-DIV) irgendwoanders auf der Seite angeordnet ist? Sprich, die Grafik müsste sich mit der Scrollposition des Content-DIV's rauf und runter bewegen -- aber außerhalb der Begrenzungen des Content-DIV floaten bzw. positioniert werden können. Ist so etwas möglich? Vielen Dank schon mal für Tipps, Grüße Eberh@rd |
Sponsored Links |
|
|||
Danke ja, würd ich ja gern -- nur wie ist bloß die Syntax für eine schwebende Grafik, deren x-Position absolut, aber deren y-Position an den Content von einem DIV gekoppelt sein soll...............?
Grüße Eberh@rd |
|
|||
Das wird browserübergreifend (wohl) nicht funktionieren.
Wenn Du einen scrollbaren Container hast, ist dieser in seinen Abmessungen beschränkt und innenliegende Elemente können nicht darüber hinaus gezeichnet werden. So ist es , denke ich, auch hier erklärt: Visual effects Also ein nicht scrollbaren Container mit overflow:visible oder einen scrollbaren mit beschränkten Möglichkeiten.
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
|
|||
Danke Andreas für den Link!
Habe hier mal eine Skizze gemacht: Von der orangenen Grafik sollte der links überstehende Teil immer sichtbar sein, (sobald die Grafik beim Scrollen des DIV ins Blickfeld kommt). Unten darf der überfließende Teil der Grafik abgeschnitten werden. Wäre das nicht möglich mit overflow-x:visible overflow-y:scroll ...? Grüße Eberh@rd |
|
|||
Tja, theoretisch schon, das funktioniert aber nur mit dem IE...
naja, teilweise Die Sache ist kompliziert. overflow-x, overflow-y (CSS3 properties) Der IE hat es irgendwie schon immer können, aber nur teilweise, jetzt könnens wohl noch mehr, siehe obigen Link, aber ebenfalls nur teilweise. Wenn ich die Liste richtig interpretiere, wird es nicht funktionieren, nur einen Teil entlang einer Achse anzeigen zu lassen, weil dann die anderen Werte (und dieser Wert) wieder auf "auto" gesetzt werden. Und dann sind wir wieder da wo wir gestern abend schon waren. Hopp oder Topp heißt es da.
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
|
|||
Yo danke ich hab's fast schon so befürchtet...
Es scheint also so zu sein, dass es derzeit grundsätzlich überhaupt keine Möglichkeit gibt, irgendwas in irgendeiner Richtung über einen DIV hinausragen zu lassen -- und gleichzeitig irgendeinen Scrollbar im DIV zu haben. Vielen Dank nochmals für die Links, Grüße Eberh@rd. |
|
|||
Scrollbar erzwingen
Ich nochmal -- mit einem neuen Mockup:
Wäre so was irgendwie möglich, sprich das Child ist visible, und trotzdem gibt es einen Scrollbar für den Parent, z.B. weil der Inhalt unten über den Bildschirm hinausgeht? Sprich, könnte man den Scrollbar irgendwie erzwingen, obwohl der Parent-DIV auf overflow:visible gesetzt ist? (hoffe das ist so einigermaßen richtig ausgedrückt) Oder könnte man hier mit position:static/relative bzw. mit clip: noch irgendwas machen? Grüße Eberh@rd. |
|
|||
Das wäre das gleiche wie schon bekannt. Kindelemente sind eben Kindelemente und keine irgendwann eigenständigen "spin-offs". Wenn die Inhalte im Container mit dem overflow: scroll oder auto zu finden sind, unterliegen sie den genannten Beschränkungen.
Mir fällt gerade nichts ein, wie man dieses Konstrukt so gestalten könnte, dass Du was davon hast. Das Einzige was mir einfällt sind visuelle Tricksereien mit verschiedenen z-indices, transparenten Hintergründen, einem #content-div, das größer ist als es eigentlich aussieht und möglicherweise pos. absolute für bestimmte außenliegende Elemente. Das kommt aber darauf an, wie dein Layout aussieht.
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
Sponsored Links |
|
|||
Nochmals Danke für Deine Einschätzung.
Verstehe ich es also insgesamt richtig, dass folgendes ohne weiteres gehen würde: ... wobei dann aber keinerlei Möglichkeit mehr besteht, den Parent vertikal zu scrollen? Auch nicht, wenn man einen vertikalen Scrollbar erzwingen würde? Oder würde mit obigem Layout womöglich der Browser sowieso von alleine einen vertikalen Scrollbar anzeigen? Grüße Eberh@rd Geändert von Eberh@rd (03.11.2009 um 17:45 Uhr) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
div Container nimmt automatisch die Höhe des Eltern-div an | fidelio | CSS | 3 | 12.04.2006 16:34 |
div hoehe wird nicht 100% des verfuegbaren platzes | grossy | CSS | 1 | 25.03.2006 07:39 |
div bereich am ende des dokument laden? | wstbln | CSS | 7 | 28.12.2005 01:25 |
Div passt sich nicht an größe des Background-Image an? | Sombreo | CSS | 13 | 09.07.2004 03:37 |
CSS div Größe anpassen anhand des inhaltes | Heavenfighter | (X)HTML | 3 | 07.07.2004 11:04 |