DIV OVERLAY: va su firefox ma non su IE

[Stepunk]

io ho usato questo codice per una gallery dove ci cliccando sull'immagine mi compare al centro dello schermo l'immagine ingrandita all'interno di un div che prima era invisibile

<script>
function openoverlay(id_overlay) {
  document.getElementById(id_overlay).style.display = 'block';

}
function closeoverlay(id_overlay) {
  document.getElementById(id_overlay).style.display = 'none';

}
function CentraRispettoSchermo(w, h)
{
    var x = Math.ceil((window.screen.width - w) / 2);
    var y = Math.ceil((window.screen.height - h) / 2);
    return {'x':x, 'y':y};
}
</script> 

che poi richiamo con questo

echo "<a ref=\"#\" onclick=\"openoverlay('foto".$n."');CentraRispettoSchermo(".$larg.",".$alte.");\">
    <img width=\"".$larghezza."\" height=\"".$altezza."\" src=\"foto/".$file."\">
</a>";

echo "<div id=\"foto".$n."\" style=\" border:#000000 thin solid; vertical-align:middle;
background:#ffffff; position:absolute; left:document.write(x)px; top:document.write(y)px;
width:".($larg+35)."; height:".($alte+40)."; z-index:2; overflow:auto; display:none;\">
    
<a href=\"#\" onclick=\"closeoverlay('foto".$n."')\" 
<img src=\"foto/".$file."\"></div>"; 

su Firefox funziona perfettamente, mentre su Explorer mi fa vedere un div bianco (non carica l'immagine al suo interno) e nemmeno centrato sul monitor (me lo mette in alto a sinistra)


Help! :master:

[Stepunk]

scusate, l'immagine non la caricava perchè avevo dimenticato un >

ora però continua a non centrarmi il div (oddio, a volte lo fa e a volte no.. no so spiegare il perchè, sempre solo su explorer)

[br1]

window.screen non mi risulta proprio... usa solo screen

ciao

[Stepunk]

niente, continua ad aprirmele ogni tanto nell'angolo in alto a sinsitra e (più raramente) centrate

[Xinod]

per chiarire meglio le idee posta un xhtml-tipo risultante da questa roba

echo "<a ref=\"#\" onclick=\"openoverlay('foto".$n."');CentraRispettoSchermo(".$larg.",".$alte.");\">
    <img width=\"".$larghezza."\" height=\"".$altezza."\" src=\"foto/".$file."\">
</a>";

echo "<div id=\"foto".$n."\" style=\" border:#000000 thin solid; vertical-align:middle;
background:#ffffff; position:absolute; left:document.write(x)px; top:document.write(y)px;
width:".($larg+35)."; height:".($alte+40)."; z-index:2; overflow:auto; display:none;\">
    
<a href=\"#\" onclick=\"closeoverlay('foto".$n."')\"
<img src=\"foto/".$file."\"></div>"; 

questo, per esempio,
left:document.write(x)px; top:document.write(y)px;
non sta ne' in cielo ne' in terra

[Stepunk]

Originariamente inviato da Xinod
per chiarire meglio le idee posta un xhtml-tipo risultante da questa roba

Cioe?

Originariamente inviato da Xinod
questo, per esempio,
left:document.write(x)px; top:document.write(y)px;
non sta ne' in cielo ne' in terra

come no? su Firefox me lo interpreta correttamente... come dovrei fare per dare i valori X e Y ritornati da CentraRispettoSchermo a top e left?

[Xinod]

Originariamente inviato da Stepunk
Cioe?

visualizza html -> selezionalo -> copialo e poi incollalo qui!

[Stepunk]

<td align="center" valign="middle">
<a href="#" onclick="openoverlay('foto1');CentraRispettoSchermo(700,466);">
[img]foto/artisti.jpg[/img]</a></td>
<div id="foto0" style=" text-align:center; border:#000000 thin solid; vertical-align:middle;
     background:#ffffff; position:absolute; left:document.write(x)px; top:document.write(y)px;
     width:735; height:506; z-index:2; overflow:auto; display:none;">
<a href="#" onclick="closeoverlay('foto0')"> 
[img]foto/artisti.jpg[/img]</div> 

eccolo, viene fuori una cosa del genere...

[Xinod]

Originariamente inviato da Stepunk
height="146.45714285714"
left:document.write(x)px; top:document.write(y)px;

ti potra funzionare in qualche modo con qualche browser ma queste due cose qui sopra restano sacrosante boiate

[Stepunk]

ehm, ok! e come risolvo??