nicht angemeldet
Hi Eric,
http://aktuell.de.selfhtml.org/tippstricks/css/infobox/index.htm
Funktioniert auch alles ganz gut, hab es etwas abgewandelt, nur habe ich ein Problem ...
Ich habe diese Infobox nun in ein <th> einer Tabelle gepackt und arbeite statt mir position:absolute mit position:relative. Wenn ich jetzt allerdings über das Hoverelement gehe, wird das gesamte <th> verzerrt.
das ist korrekt, da „relative” das Element nicht aus dem Fluss nimmt, wie es „absolute” tut. Das heißt, dessen Darstellung wirkt sich auf die umgebenden Elemente aus. Ein (Eltern-)Element ist ohne anderweitige Definitionen mindestens so groß wie sein Inhalt.
Woran kann das liegen, bzw. wie kann ich das umgehen? ( ich würde gerne position:relative beibehalten )
Wenn du display:block/none durch visibility:visible/hidden ersetzt, sollte es zu keinen Zuckungen kommen. Alternativ kannst du dem Elternelement eine Größe zuweisen, in die die Einblendung vollständig passt. margin statt position:relative wäre noch eine zusätzliche Möglichkeit.
Grüße,
Roland