Positionierung eines Tooltips
0 
Beat
Positionierung eines Tooltips
Hi,
meine Tooltips haben alle eine bestimmte relative Position zu dem zugehörigen Text (der mit der Maus überfahren wird).
Ist dieser Text in Randnähe, ist nur ein Teil des Tooltips sichtbar.
Kann man dies ohne Verwendung von Javascript irgendwie vermeiden?
-
meine Tooltips haben alle eine bestimmte relative Position zu dem zugehörigen Text (der mit der Maus überfahren wird).
Ist dieser Text in Randnähe, ist nur ein Teil des Tooltips sichtbar.
Kann man dies ohne Verwendung von Javascript irgendwie vermeiden?Nur indem du die width auf die width das positionierenden Parentelements beschränkst, und left >= 0px sowie right >= 0px ist.
mfg Beat
--
><o(((°> ><o(((°>
<°)))o>< ><o(((°>o
Der Valigator leibt diese Fische-
Hi,
Nur indem du die width auf die width das positionierenden Parentelements beschränkst, und left >= 0px sowie right >= 0px ist.
danke,
aber demnach geht dies nicht für den oberen oder unteren Rand?-
aber demnach geht dies nicht für den oberen oder unteren Rand?
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#postop@title=top, http://de.selfhtml.org/css/eigenschaften/positionierung.htm#posbottom@title=bottom.
--
suit: JavaScript ist nur das Schirmchen am Eisbecher - der Eisbecher muss auch ohne dem Schirmchen lecker sein.
Selfcode: sh:( fo:) ch:| rl:( br:< n4:( ie:{ mo:| va:) de:> zu:) fl:( ss:) ls:> js:)-
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#postop@title=top, http://de.selfhtml.org/css/eigenschaften/positionierung.htm#posbottom@title=bottom.
Das Tooltip-Fenster ist aber doch i.a. wesentlich höher als der angeklicke Text (parent).
-
Om nah hoo pez nyeetz, Flash!
Das Tooltip-Fenster ist aber doch i.a. wesentlich höher als der angeklicke Text (parent).
Deshalb lautet ja Beats Antwort so wie sie lautet.
Matthias
--
-
Deshalb lautet ja Beats Antwort so wie sie lautet.
Deshalb war ja der Beitrag von 1827 nicht zielführend, diesem habe ich ja geantwortet und nicht Beat!
-
Om nah hoo pez nyeetz, Flash!
Deshalb war ja der Beitrag von 1827 nicht zielführend, diesem habe ich ja geantwortet und nicht Beat!
natürlich ist sie Ziel führend, denn er antwortet auf die Frage "demnach gilt das nicht für den oberen und unteren Rand", dass es dafür top und bottom zu beachten gilt.
Um die eigentliche Frage zu beantworten: Wenn du die Tooltips absolut zum "Auslöser" positionierst und dieser sich in der Nähe eines Viewportrandes befindet kannst du rein mit CSS-Mitteln nicht steuern, dass der Tooltipp teilweise außerhalb des Sichtbereiches liegt.
Eine mögliche Lösung wäre
position: fixed;, so könntest du den Tooltip im Viewport entsprechend deiner Wünsche unterbringen. Natürlich wäre er dann nicht mehr in Mausnähe.Eine JS-Lösung ist ebenfalls denkbar.
"Wenn left < 0 dann left = 0" ... Matthias
--
-
-
-
-
-
-