Probl�me div et CSS

Version imprimable

26/11/2006, 21h00
M.Dlb

Probl�me div et CSS
Bonsoir,

j'ai un probl�me avec des balises div et leur CSS. Je veux modifier l'attribut top et left du div avec ce code javascript :
Code:

1 2 3 4 var tip = document.getElementById("tip"); tip.style.height = (docXML.length / 3.8); tip.style.top = MouseClicked.y - 100; tip.style.left = MouseClicked.x - 200;
L'erreur sur la console JavaScript de firefox est :

Citation:

Erreur : Erreur d'analyse de la valeur pour la propri�t� � height �. D�claration abandonn�e.
Ligne : 0

Sachant que ma page doit �tre compatible HTML 4, quelle est la syntaxe correcte ?

Merci d'avance :)

Code:

1
2
3
tip.style.height = (docXML.length / 3.8) + "px";
tip.style.top = MouseClicked.y - 100 + "px";
tip.style.left = MouseClicked.x - 200 + "px";

:question:

Nan toujours le m�me probl�me. Mon div se positionne � l'endroit d�finit par le css, sa position n'est pas modifi�e par le javascript. Voici le CSS associ� au div tip :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 #tip { display: none; position:absolute; padding: 3px; top: 20px; left: 20px; width: 400px; text-align: left; border: 2px solid #153668; background-color: #dfeaf9; color: #153668; vertical-align:top; }
Donc mon div se positionne en (20; 20) et non � l'endroit suppos� (environ coordonn�es de la souris). A notre que ca marchait tel quel avant, mais pour d'autres raisons j'ai du rajouter le fait que ma page �tait en html 4.01 :
Code:

1 2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Une id�e ?

26/11/2006, 23h59
Bis�n�rs

Oh, Javascript ne peut pas modifier les valeurs contenues dans une feuille de style externe.

Utiliser la syntaxe tip.style.left signifie que tu modifies la valeur left de la propri�t� style de ton tip. Or tu n'as pas la propri�t� style vu que tu utilises un fichier externe.
27/11/2006, 00h34
M.Dlb

Ok j'ai donc boug� le code css donn� plus haut dans le fichier html, mais ca ne marche toujours pas :? Je ne vois pas trop quelle est la solution.

Merci encore :)
27/11/2006, 09h10
Bis�n�rs

Heu, la solution est de mettre ton CSS comme �a par exemple :

Code:

<div style="display: none;position:absolute;padding: 3px;top: 20px;left: 20px;width: 400px;text-align: left;border: 2px solid #153668;background-color: #dfeaf9;color: #153668;vertical-align:top;">

et non entre les balises <style></style>.
27/11/2006, 19h16
M.Dlb

Ok mais le probl�me persiste. J'obtiens la m�me erreur sous firefox.

Voici la page en question : http://pascal.developpez.com/sourcesTMP/