style.top & firefox = geht nicht?

[joextra]

hi,

ich mache gerade ein tool tip. im ie funktionert es im ff nicht
das problem ist das beim ff die werte style.top & style.left über javascript nicht manipulierbar sind? wenn ich ein top wert im css eintrage wird die box positioniert. aber über js klappt es nicht.

hier das css:

.InfoLayer {
	position:absolute;
	border:1px solid #969696;
	background-color:#F7F7F7;
	padding:6px 6px;
	margin-top:6px;
	visibility:hidden;
	width:150px;
}

js:

document.getElementById(divName).style.top = mY;
document.getElementById(divName).style.left = mX;

hat jemand eine idee woran es liegen könnte?

[kadees]

Warum machst du das mit JS?
Geht doch ganz elegant mit CSS und funktioniert in allen modernen Browsern!

http://www.kadees.de/tipps/tipp_002.html

[joextra]

es geht aber darum, das diese infobox da angezeigt werden soll wo sich der mousecoursor befindet. also dynamisch.
der infobox div layer soll dann unter den mousecoursor erscheinen. dieser layer wird auch über die js funktion befüllt. es gibt leider auch zu viele dieser punkte, so das es nicht sinnvoll wäre (und auch unübersichtlich wäre und zu viel speicher brauchen würde), wenn ich für jeden dieser punkte einen eigenen layer mit fester positionierung bauen würde. außerdem ist das auch vom kunden nicht erwünscht. js muss also schon sein

[Malleus]

Versuch' mal folgendes:

document.getElementById(divName).style.top = mY + "px";
document.getElementById(divName).style.left = mX + "px";

[joextra]

@Malleus
danke, daran lags. komischer weise benütze ich die funktion in einen anderen projekt (auch ohne px), und da tuts. trotz dem danke

[Malleus]

Ich hatte auch mal irgendwann das gleiche Problem. Der IE nimmt einfach an, Du meinst "px". FF und Opera sind da etwas strenger.

[kadees]

es geht aber darum, das diese infobox da angezeigt werden soll wo sich der mousecoursor befindet. also dynamisch.

Siehe Beispiel 3 auf meiner Tipp-Seite: http://www.kadees.de/tipps/tipp_002_3.html

[Adromir]

Bei mir verschiebt es außerdem beim hovern den nachfolgenden Text..

[kadees]

In Beispiel 3 auf deiner Beispielseite ist der Tooltip immer 1.5em vom linken Rand des Links positioniert und nicht dort, wo sich der Mauszeiger befindet.

Das kannst du im CSS ganz nach deinen Vorstellungen anpassen!

Bei mir verschiebt es außerdem beim hovern den nachfolgenden Text..

Ja, das ist mir auch aufgefallen, lag wohl daran, dass ich aus Gründen der Lesbarkeit im Editor den *span* in eine Extrazeile gesetzt habe. Beim hovern ist dadurch wohl ein "Extra-Leerzeichen" produziert worden. Man lernt nie aus...

Vorher:

Lorem ipsum <a href="#" class="info">Infobox 
  <span>Hier stehen dann die Infos. Hier stehen dann die Infos. Hier stehen dann die Infos.</span></a>
Lorem ipsum...

Jetzt:

Lorem ipsum <a href="#" class="info">Infobox<span>Hier stehen dann 
  die Infos. Hier stehen dann die Infos. Hier stehen dann 
  die Infos.</span></a> Lorem ipsum...