Overlay sempre al centro

**thitan** · 19-12-2006, 17:28

ciao,
c'è un modo di far visualizzare un overlay del tipo

Codice PHP:


<div id="Caricamento" style="position:absolute; width:399px;

z-index:300; left: 327px; top: 276px; visibility:hidden; font-weight:

bold; height: 148px;" >

<table width="100%" height="100%" border="0" cellpadding="2"

cellspacing="1" bgcolor="#999999">

<tr>

<td align="center" valign="middle" bgcolor="#EDF3FE">Caricamento

Dati... </td>

</tr>

</table>

</div>

in modo che sia sempre al centro del monitor, indipendentemente dalla
risoluzione e dalla posizione dello scroll verticale?

quel position:absolute; deve essere settato diversamente?

**thitan** · 19-12-2006, 17:42

ho risolto, posto il codice che ho trovato nel caso servisse a qualcuno
<html>
<head>
<title>floating DIV</title>
<script language="javascript" type="text/javascript">
function centra()
{
var hC=document.body.clientHeight;
var wC=document.body.clientWidth;
//Scusa ma è venuta da se il nome della variabile... hehehe
fD = document.getElementById("floatingDiv");
fD.style.top=(hC/2)-(fD.offsetHeight/2)+document.body.scrollTop;
fD.style.left=(wC/2)-(fD.offsetWidth/2)+document.body.scrollLeft;
}
</script>
</head>

<body>

<input type="button" onClick="centra();" value="OK">
<div id="fixedDiv" style="background-color: navy; width: 1000px;
height: 1000px;"></div>

<div id="floatingDiv" style="z-index: 999; position: absolute;
background-color: yellow; width: 100px; height: 100px;"></div>
<input type="button" onClick="centra();" value="OK">

</body>
</html>

**Xinod** · 20-12-2006, 03:45

e con i browser diversi da IE?
e se pure usi IE6 ma in strict mode?

puo' tornarti utile questa discussione di ieri
http://forum.html.it/forum/showthrea...readid=1068516

Discussione: Overlay sempre al centro

Strumenti discussione

Ricerca discussione

Visualizza

Overlay sempre al centro

Permessi di invio