Gracias por sus respuestas. He hecho lo que me recomiendan en sus post, sin embargo sigo teniendo el mismo problema.
Utilizo la vista Diseño para manejar los objetos, sin embargo siempre uso la vista previa en explorador para ver el resultado todo (utilizo siempre FireFox) y es cuando veo la vista en el explorador que todo sale movido del lugar donde lo coloque y donde quiero que se encuentre.
Les dejo unas imagenes para que vean a lo que me refiero:
Asi es como deberia de quedar y asi es como me lo muestra tanto la vista Diseño como la Vista en Vivo:
img155.imageshack.us/img155/9605/asisedeberiadever.jpg
Y asi es como me lo muestra FireFox y Explorer cuando lo veo en vista previa:
img197.imageshack.us/img197/6171/asinoquieroquesevea.jpg
Si a lo que se refieren es que me guie por la vista en el explorador, no seria muy tardado? no deberia verse igual tanto en vista diseño como en el explorador?+
Asi es como quedo mi codigo con sus consejos. Saludos.
Código:
<style type="text/css">
<!--
body {
background-color: #000;
text-align:center;
}
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFF;
}
#Template {
position:absolute;
margin:auto;
align="center";
width:100%;
height:100%;
z-index:1;
}
#BoxRightTop {
position:absolute;
margin:auto;
align="center";
width:121px;
height:115px;
z-index:2;
left: 80%;
top: 377px;
}
#BoxRightBottom {
position:absolute;
margin:auto;
align="center";
width:105px;
height:115px;
z-index:3;
left: 80%;
top: 83%;
}
#BoxLeftTop {
position:absolute;
margin:auto;
align="center";
width:76px;
height:115px;
z-index:4;
left: 67px;
top: 381px;
}
#BoxLeftBottom {
position:absolute;
margin:auto;
align="center";
width:2px;
height:115px;
z-index:5;
left: 67px;
top: 586px;
}
-->
</style></head>
<body>
<div id="Template"><img src="Imagenes/Template.jpg" width="980" height="1500" align="middle"/></div>
<div id="BoxRightTop"><img src="Imagenes/Box_Left.gif" width="160" height="195" align="middle"/></div>
<div id="BoxRightBottom"><img src="Imagenes/Box_Left.gif" width="160" height="195" align="middle"/></div>
<div id="BoxLeftTop"><img src="Imagenes/Box_right.gif" width="162" height="193" align="middle"/></div>
<div id="BoxLeftBottom"><img src="Imagenes/Box_right.gif" width="162" height="193" align="middle"/></div>
</body>
</html>