zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden mitscrollender DIV

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 19.01.2010, 12:04
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.10.2008
Beiträge: 30
emmis befindet sich auf einem aufstrebenden Ast
Standard mitscrollender DIV

Hallo Forum,

Ich lasse Content in einem DIV (Content-DIV), mit festgelegter Größe ausgeben. Content-"Overflow" wird in y-Richtung gescrollt.

Der Content besteht aus Content-Containern, in y-Richtung gelegte DIVs.

vereinfachtes Beispiel:
Code:
<div id="content-div" style="overflow-y:auto; overflow-x:hidden; width=100px; height=100px;">

<div id="container1">content content content</div>
<div id="container2">content content content</div>
<div id="container3">content content content</div>

<div>
nun möchte ich für Editierungszwecke bei Bedarf jedem container(x) einen kleines schmales DIV drüberlegen (bisher so gemacht):

Code:
<div id="container1">
<div id="editdiv" style="position:absolute; width:20px; height:7px; z-index:1000; ">irgendwelche schalter</div>
content content content</div>
Das funktioniert auch ganz gut, nur wenn ich am Content-Div scrolle, dann bleibt das "editdiv" da stehen, wo es ohne scrollbewegung stand.
Sicher ich könnte "editdiv" auch "relative" setzen, aber dann ändert sich das Erscheinungsbild, was ich aber verhindern möchte.

Wie bekomme ich es hin, dass "editdiv" seine verankerung an den "containern" findet und trotzdem über dem content im "container" steht?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 20.01.2010, 14:30
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.10.2008
Beiträge: 30
emmis befindet sich auf einem aufstrebenden Ast
Standard Lösung gefunden

... Lösung gefunden:
Dem Content-Layer fehlte ein "position:absolute;", dann scrollen auch die "editdiv" mit.

Vielleicht kann ja mal jemand erklären, wie es zu so etwas kommt. Zumindest funktioniert es so. ... und ob es problematisch ist ein DIV mit "position:absolute;" ohne Positionsangaben in ein weiteres DIV oder TD zu legen ...
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 20.01.2010, 17:16
{ 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

Es sollte reichen, den container-divs ein position:relative zu geben. Positionierte Elemente können als Bezug für absolut positionierte Elemente dienen, sprich, die kleinen divs würden mitscrollen. Das hast du ja bereits gemacht, aber

:absolute ist hier nicht notwendig, wenn es auch :relative täte. Es erspart Codearbeit, die du sonst - oder dein cms - in die Berechnung der jeweiligen Position der absolut positionierten Container stecken müßte.
__________________
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
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
Fragen zu CSS und Joomla DOKTOR CSS 2 23.05.2011 20:29
Brauche Hilfe: Schwarzes Nichts Zwox CSS 10 19.11.2010 17:53
Header entfernen tripple CSS 17 15.06.2010 16:41
Schriftfarbe in den Eintragungsfeldern von jforms Steveislucky CSS 2 16.03.2010 11:59
CSS Text nebeinander? carstiee09 CSS 13 13.11.2009 20:18


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:16 Uhr.