Div immer in Mitte positionieren - auch wenn gescrollt wurde

[Detlef G.]

Hallo kapsl

… man klickt in einer Tabelle auf eine Zelle, dann springt ein Div mit einem Inputfield auf - und diese Zelle kann dann bearbeitet werden. Soweit so gut.

Ich fände es wohl angenehmer, wenn mir kein Div entgegenspränge, sondern die Tabellenzelle selbst bearbeitbar würde. (Inputfield direkt in der betreffenden Zelle)

Mein Problem: Wie bekommen ich es hin, dass das aufgehende Div immer egal wo der user gerade hingescrollt hat - ganz oben in der tabelle oder ganz unten - das div mittig im Browser fenster aufgeht?

Du verwendest doch sowieso Javascript.
In dem Beispiel Änderungen der Fenstergröße überwachen findest du die Funktion Fensterhoehe(), damit kannst du leicht die Fensterhöhe bestimmen. Mit pageYOffset und document.body.scrollTop (dort unter „Beachten Sie”) kannst du feststellen, wie weit gescrollt wurde.
Damit und der Größe des Divs kannst du dann leicht berechnen, wo du es einblenden willst.

Auf Wiederlesen
Detlef