Salve ragazzi stavo provando a creare un sito: http://www.ssannunziatapietradefusi.it (riguarda la mia Parrocchia).
Premetto che non ho dimistichezza con i CSS.IL mio problema riguarda i Layer.
In pratica tutto funziona perfettamente nella risoluzione 1024x768(quella del mio pc dove creo il sito),ma quando visualizzo il sito su altri monitor e con altre risoluzioni mi sballa tutto. Io uso Dreamweaver Mx.
C'è qualcuno di buona volontà che mi puo dire quale errore commetto??
La bozza del sito è questa:
http://www.ssannunziatapietradefusi....nnunziata2.jpg

Vi Ringrazio....

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Parrocchia Maria SS Annunziata Pietradefusi</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body onLoad="MM_preloadImages('img/taststoria_on.jpg')">
<div id="box">
<div id="Layer1">[img]img/tasthome.jpg[/img] </div>
<div id="Layer2">
<div align="left">[img]img/taststoria.jpg[/img]
</div>
</div> <div align="left"> </div>
<div align="center">
<table width="75%" border="0" align="center">
<tr>
<td>[img]img/bannertop.jpg[/img]</td>
</tr>
<tr>
<td>

</p>
<p align="center">[img]img/incostr.gif[/img]</p>
</td>
</tr>
<tr>
<td>[img]img/bannerinf.jpg[/img]</td>
</tr>
</table>
</div>
</div>
</body>
</html>






CSS ==>style.css

/* CSS Document */

#box{
position: fixed;
}
#Layer1{
z-index: 1;
position:absolute;
left:84px;
top:218px;
bottom: 10px;
width: 98px;
height: 55px;
visibility: inherit;
vertical-align: 72%
}
#Layer2{
z-index: 1;
position:absolute;
left:217px;
top:232px;
width:77px;
height:26px;
visibility: inherit;
overflow: visible;

text-align: center; /*ripristina l' allineamento*/
}