Hola a todos, soy nuevo por esta comunidad y pues creo que estare muy seguido por aqui ya que me estoy iniciando en este mundo del diseño web.
Me encuentro realizando mi propio website en Dreamweaver Cs4. Todavia no me acostumbro muy bien al programa pero ahi la llevamos.
Estoy usando elementos PA para darle forma al template que hice en photoshop. Estuve peleado por que no podia centrar todo y hacer que se auto ajustara a la resolucion de cada pantalla (despues de horas lo he podido lograr)
Sin embargo a la hora de que le doy vista previa para ver como va el diseño, resulta que algunos elementos me salen fueran de su lugar.
No se si me de a entender, en vista Diseño todo me aparece bien colocado donde yo lo quiero, pero a la hora de darle vista previa estos me aparecen en otras posiciones distintas.
Tengo rato viendo mi codigo pero no me doy cuenta que es lo que anda mal, espero que alguien pueda darme una ayudadita con este problema.
Les dejo mi codigo por si necesitan verlo.
De antemano gracias por la ayuda.
Código HTML:
<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;
width:100%;
height:100%;
z-index:1;
}
#BoxRightTop {
position:absolute;
width:121px;
height:115px;
z-index:2;
left: 80%;
top: 51%;
}
#BoxRightBottom {
position:absolute;
width:105px;
height:115px;
z-index:3;
left: 80%;
top: 83%;
}
#BoxLeftTop {
position:absolute;
width:76px;
height:115px;
z-index:4;
left: 67px;
top: 51%;
}
#BoxLeftBottom {
position:absolute;
width:2px;
height:115px;
z-index:5;
left: 67px;
top: 83%;
}
-->
</style></head>
<body>
<div id="Template" align="center"><img src="Imagenes/Template.jpg" width="980" height="1500" align="middle"/></div>
<div id="BoxRightTop" align="center"><img src="Imagenes/Box_Left.gif" width="160" height="195" align="middle"/></div>
<div id="BoxRightBottom" align="center"><img src="Imagenes/Box_Left.gif" width="160" height="195" align="middle"/></div>
<div id="BoxLeftTop" align="center"><img src="Imagenes/Box_right.gif" width="162" height="193" align="middle"/></div>
<div id="BoxLeftBottom" align="center"><img src="Imagenes/Box_right.gif" width="162" height="193" align="middle"/></div>
</body>
</html>