Sven: CSS dynamische Positionierung eines Elements möglich?

Beitrag lesen

Hallo zusammen,

ich möchte einfache Tooltips nutzen.
Dazu habe ich mir gedacht, ich könnte einfach ein vorborgenes Element (in meinem Fall ein span-Element) beim "hovern" einblenden.

Soweit funktioniert das auch, aber wenn ich an einen der 4 Ränder meines Viewports komme, geht der Tooltip einfach über den Rand hinaus und ist nicht mehr lesbar.

Ich habe das mal versucht, über ein DIV darzustellen.

Kann man das irgendwie so verändern, dass das eingeblendete Element immer im Div bleibt und sozusagen mitwandert? Also z.b. immer links unterhalb des gehoverten Elements steht, aber nach rechts wandert, wenn links kein Platz ist oder nach oben über das Element, wenn unten kein Platz ist?

Ich hoffe, Ihr versteht, was ich meine.

Sven