Ver Mensaje Individual
  #4 (permalink)  
Antiguo 06/03/2011, 14:36
dkdexter
 
Fecha de Ingreso: febrero-2010
Mensajes: 2
Antigüedad: 14 años, 9 meses
Puntos: 0
Respuesta: [Ayuda]centrar web creado de PSD

Cita:
Normalmente se centran con contenidos con estilos... concretamente margin: auto...
intente centrarlo de todas formas pero por falta de conocimiento no lo logre.

se que es grande y se que existen sitios web grandes que al apretar Ctrl+scroll de mouse se aleja mostrando el resto de la web lo que busco es que de alguna forma
hacer que cuando entren a la web me muestre el centro y no el lado izquierdo.
no si hay alguien que tenga experiencia creando web a partir de un psd.

gracias

este es el style que me genero el adobe postoshop al guardarlo para web.

Cita:
<style type="text/css">
<!--

#Tabla_01 {
position:absolute;
left:0px;
top:0px;
width:1700px;
height:1285px;
}

#Temple-Viking-Web-Design-by-karsten-01_ {
position:absolute;
left:0px;
top:0px;
width:1700px;
height:172px;
}

#Temple-Viking-Web-Design-by-karsten-02_ {
position:absolute;
left:0px;
top:172px;
width:538px;
height:301px;
}

#Temple-Viking-Web-Design-by-karsten-03_ {
position:absolute;
left:538px;
top:172px;
width:633px;
height:174px;
}

#Temple-Viking-Web-Design-by-karsten-04_ {
position:absolute;
left:1171px;
top:172px;
width:529px;
height:295px;
}

#Temple-Viking-Web-Design-by-karsten-05_ {
position:absolute;
left:538px;
top:346px;
width:633px;
height:52px;
}

#Temple-Viking-Web-Design-by-karsten-06_ {
position:absolute;
left:538px;
top:398px;
width:201px;
height:53px;
}

#Temple-Viking-Web-Design-by-karsten-07_ {
position:absolute;
left:739px;
top:398px;
width:243px;
height:53px;
}

#Temple-Viking-Web-Design-by-karsten-08_ {
position:absolute;
left:982px;
top:398px;
width:189px;
height:42px;
}

#Temple-Viking-Web-Design-by-karsten-09_ {
position:absolute;
left:982px;
top:440px;
width:189px;
height:11px;
}

#Temple-Viking-Web-Design-by-karsten-10_ {
position:absolute;
left:538px;
top:451px;
width:633px;
height:255px;
}

#Temple-Viking-Web-Design-by-karsten-11_ {
position:absolute;
left:1171px;
top:467px;
width:53px;
height:818px;
}

#Temple-Viking-Web-Design-by-karsten-12_ {
position:absolute;
left:1224px;
top:467px;
width:125px;
height:29px;
}

#Temple-Viking-Web-Design-by-karsten-13_ {
position:absolute;
left:1349px;
top:467px;
width:351px;
height:818px;
}

#Temple-Viking-Web-Design-by-karsten-14_ {
position:absolute;
left:0px;
top:473px;
width:354px;
height:812px;
}

#Temple-Viking-Web-Design-by-karsten-15_ {
position:absolute;
left:354px;
top:473px;
width:121px;
height:27px;
}

#Temple-Viking-Web-Design-by-karsten-16_ {
position:absolute;
left:475px;
top:473px;
width:63px;
height:812px;
}

#Temple-Viking-Web-Design-by-karsten-17_ {
position:absolute;
left:1224px;
top:496px;
width:125px;
height:30px;
}

#Temple-Viking-Web-Design-by-karsten-18_ {
position:absolute;
left:354px;
top:500px;
width:121px;
height:30px;
}

#Temple-Viking-Web-Design-by-karsten-19_ {
position:absolute;
left:1224px;
top:526px;
width:125px;
height:4px;
}

#Temple-Viking-Web-Design-by-karsten-20_ {
position:absolute;
left:354px;
top:530px;
width:121px;
height:29px;
}

#Temple-Viking-Web-Design-by-karsten-21_ {
position:absolute;
left:1224px;
top:530px;
width:125px;
height:24px;
}

#Temple-Viking-Web-Design-by-karsten-22_ {
position:absolute;
left:1224px;
top:554px;
width:125px;
height:29px;
}

#Temple-Viking-Web-Design-by-karsten-23_ {
position:absolute;
left:354px;
top:559px;
width:121px;
height:29px;
}

#Temple-Viking-Web-Design-by-karsten-24_ {
position:absolute;
left:1224px;
top:583px;
width:125px;
height:29px;
}

#Temple-Viking-Web-Design-by-karsten-25_ {
position:absolute;
left:354px;
top:588px;
width:121px;
height:30px;
}

#Temple-Viking-Web-Design-by-karsten-26_ {
position:absolute;
left:1224px;
top:612px;
width:125px;
height:30px;
}

#Temple-Viking-Web-Design-by-karsten-27_ {
position:absolute;
left:354px;
top:618px;
width:121px;
height:30px;
}

#Temple-Viking-Web-Design-by-karsten-28_ {
position:absolute;
left:1224px;
top:642px;
width:125px;
height:643px;
}

#Temple-Viking-Web-Design-by-karsten-29_ {
position:absolute;
left:354px;
top:648px;
width:121px;
height:637px;
}

#Temple-Viking-Web-Design-by-karsten-30_ {
position:absolute;
left:538px;
top:706px;
width:633px;
height:56px;
}

#Temple-Viking-Web-Design-by-karsten-31_ {
position:absolute;
left:538px;
top:762px;
width:633px;
height:316px;
}

#Temple-Viking-Web-Design-by-karsten-32_ {
position:absolute;
left:538px;
top:1078px;
width:633px;
height:206px;
}

#Temple-Viking-Web-Design-by-karsten-33_ {
position:absolute;
left:538px;
top:1284px;
width:633px;
height:1px;
}

-->
</style>