zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Grafikposition mit scrollbarem DIV koppeln -- aber außerhalb des DIV?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 02.11.2009, 17:33
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.11.2009
Beiträge: 9
Eberh@rd befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 02.11.2009, 18:29
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

In meinem Kopf (der deine ausdrucksweise verwirrend findet) erscheint das ganze als funktionierend.

Wie wäre es wenn du das einfach mal ausprobierst?

Gruß
Richard | Thielo
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 02.11.2009, 18:36
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.11.2009
Beiträge: 9
Eberh@rd befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Thielo Beitrag anzeigen
Wie wäre es wenn du das einfach mal ausprobierst?
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
Mit Zitat antworten
  #4 (permalink)  
Alt 03.11.2009, 00:57
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

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
Mit Zitat antworten
  #5 (permalink)  
Alt 03.11.2009, 10:45
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.11.2009
Beiträge: 9
Eberh@rd befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
  #6 (permalink)  
Alt 03.11.2009, 11:01
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

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
Mit Zitat antworten
  #7 (permalink)  
Alt 03.11.2009, 11:09
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.11.2009
Beiträge: 9
Eberh@rd befindet sich auf einem aufstrebenden Ast
Standard

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.
Mit Zitat antworten
  #8 (permalink)  
Alt 03.11.2009, 16:07
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.11.2009
Beiträge: 9
Eberh@rd befindet sich auf einem aufstrebenden Ast
Standard 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.
Mit Zitat antworten
  #9 (permalink)  
Alt 03.11.2009, 17:17
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

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
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 03.11.2009, 17:42
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.11.2009
Beiträge: 9
Eberh@rd befindet sich auf einem aufstrebenden Ast
Standard

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)
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 14:54 Uhr.