Problème après "passage" en xhtml1.0
Bonjour,
Je suis en train de passer mon site en xhtml1.0 Transitionnal et je viens de découvrir un souci avec Firefox.
Voici la page qui me pose problème : http://www.lsp-fr.com/loc_membres.php
Sous IE, le positionnement du petit cadre est bon (il suit la souris), alors qu'avec FF, il reste bloqué dans le coin droit de ma table :(
Or, tout cela fonctionne bien si je mets une DTD HTML 4.01 8O
Voici le source du Javascript :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
| Xoffset= 20; // modify these values to ...
Yoffset= -70; // change the popup position.
var old,skn,iex=(document.all),yyy=-1000;
var ns4=document.layers
var ns6=document.getElementById&&!document.all
var ie4=document.all
if (ns4)
skn=document.dek
else if (ns6)
skn=document.getElementById("dek").style
else if (ie4)
skn=document.all.dek.style
if(ns4)document.captureEvents(Event.MOUSEMOVE);
else{
skn.visibility="visible"
skn.display="none"
}
document.onmousemove=get_mouse;
function popup(title,msg,bak){
var content="<div id='dek_titre'>"+title+"</div>"+
"<div id='dek_corps'>"+msg+"</div>";
var content2="<table width=180 cellpadding=2 cellspacing=1 bgcolor=#3F6391>"+
"<tr bgcolor=#A7BED7><td height=10 align=center><b><font face=\"arial\" size=2 color=#FFFFFF>"+title+"</font></b></font></td></tr>"+
"<tr bgcolor=#F4F4F4><td valign=top style='text-align:center;'><FONT face=Verdana,Helvetica COLOR=black><b>"+msg+"</b></FONT><br><br></td></tr>"+
"</table>";
yyy=Yoffset;
if(ns4){skn.document.write(content);skn.document.close();skn.visibility="visible"}
if(ns6){document.getElementById("dek").innerHTML=content;skn.display=''}
if(ie4){document.all("dek").innerHTML=content;skn.display=''}
}
function get_mouse(e){
var x=(ns4||ns6)?e.pageX:event.x+document.body.scrollLeft;
skn.left=x+Xoffset;
var y=(ns4||ns6)?e.pageY:event.y+document.body.scrollTop;
skn.top=y+yyy;
}
function kill(){
yyy=-1000;
if(ns4){skn.visibility="hidden";}
else if (ns6||ie4)
skn.display="none"
} |
Le morceau de feuille de style concerné :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
| #dek{
width:180px;
POSITION:absolute;
VISIBILITY:hidden;
Z-INDEX:1;
}
#dek_titre{
background:#A7BED7;
text-align:center;
font-weight:bold;
font-family:Arial;
font-size:12px;
color:#FFFFFF;
}
#dek_corps{
padding:10px 2px 10px 2px;
background:#F4F4F4;
text-align:center;
font-weight:bold;
font-family:Verdana,Helvetica;
font-size:10px;
color:#000000;
} |
et une ligne php qui appelle le tout :
Code:
echo "<AREA SHAPE=\"polygon\" COORDS=\"330,138,330,138,337,120,338,119,348,125,348,142,349,146,346,152,341,153,338,151,338,149,334,147,334,142,330,138\" target=\"_self\" HREF=\"num_departement.php?num_dept=68\" ONMOUSEOVER=\"popup('Haut-Rhin (68)','".compte('68')."<br />".comptemagFR('68')."<br />".compteclubFR('68')."','#04307b');\" ONMOUSEOUT=\"kill();\">\n";
J'ai posté ici car la différence de comportement est liée (visiblement, mais je peux me tromper) au changement HTML->XHTML. Désolé si ce n'est pas le bon endroit.
Egalement, comme je suis un brin "militant", le fait que la page s'affiche mal sous IE ne me gêne pas :oops:
