Inhalt (Tabelle) eines <div> wird nicht angezeigt.

[Dirk Quednau]

Hallo!

Auf einer HTML-Seite befindet sich unter anderem ein <div>.

Beim Laden der Seite werden diesem <div> die Style-Eigentschaften position: absolute und top: -500 zugewiesen. Das <div> ist also nicht sichtbar.

Per onClick werden diese Eigenschaften nun geändert in position: relative und top: 1.

Die Folge davon ist, dass das <div> nun an der gewünschten Stelle angezeigt wird.

Ein Problem gibt es dennoch: Die Tabelle, die in dem <div> enthalten ist, wird erst angezeigt, wenn der Mauszeiger von der Grafik bewegt wird, auf die zu klicken ist, damit das <div> eingeblendet wird.

Das onClick-Event ist nicht direkt im <img>-Tag sondern in einem <a>-Tag enthalten. Wenn das onClick-Event des <img>-Tags genutzt wird, ist es nicht nur erforderlich, dass die Maus überhaupt von der Grafik weg bewegt wird. In diesem Fall muss sogar ein bestimmter anderer Link mit der Maus überfahren werden.

Text, der nicht in der Tabelle steht, wird übrigens im Gegensatz zu dieser Tabelle sofort angezeigt, wenn auch das <div> eingeblendet wird.

Danke für die hoffentlich hilfreichen Tipps.

Dirk Quednau.