Ayuda alinear CSS

xxSnIpErxx #1 Ene '09

Hola, hice un diseño en photoshop, lo dividi por sectores y lo guarde para que photoshop me lo hiciera en div y css.
Ya se que lo mejor es hacerlo a mano...pero este no a sido mi caso.
Pido ayuda para que me digais como alinear todo al centro, porque me sale pegado al borde izquierdo, y quiero que la web vaya en el centro. Que tendria que hacer? Si podeis facilitar el codigo mejor...
Os dejo el codigo:

#Tabla_01 {
position:absolute;
left:0px;
top:0px;
width:794px;
height:899px;
}

#index-01_ {
position:absolute;
left:0px;
top:0px;
width:793px;
height:183px;
}

#index-02_ {
position:absolute;
left:793px;
top:0px;
width:1px;
height:899px;
}

#index-03_ {
position:absolute;
left:0px;
top:183px;
width:793px;
height:6px;
}

#index-04_ {
position:absolute;
left:0px;
top:189px;
width:324px;
height:1px;
}

#index-05_ {
position:absolute;
left:324px;
top:189px;
width:38px;
height:14px;
}

#index-06_ {
position:absolute;
left:362px;
top:189px;
width:19px;
height:18px;
}

#index-07_ {
position:absolute;
left:381px;
top:189px;
width:54px;
height:14px;
}

#index-08_ {
position:absolute;
left:435px;
top:189px;
width:358px;
height:18px;
}

#index-09_ {
position:absolute;
left:0px;
top:190px;
width:18px;
height:17px;
}

#index-10_ {
position:absolute;
left:18px;
top:190px;
width:45px;
height:13px;
}

#index-11_ {
position:absolute;
left:63px;
top:190px;
width:21px;
height:17px;
}

#index-12_ {
position:absolute;
left:84px;
top:190px;
width:50px;
height:13px;
}

#index-13_ {
position:absolute;
left:134px;
top:190px;
width:20px;
height:17px;
}

#index-14_ {
position:absolute;
left:154px;
top:190px;
width:65px;
height:13px;
}

#index-15_ {
position:absolute;
left:219px;
top:190px;
width:27px;
height:17px;
}

#index-16_ {
position:absolute;
left:246px;
top:190px;
width:58px;
height:13px;
}

#index-17_ {
position:absolute;
left:304px;
top:190px;
width:20px;
height:17px;
}

#index-18_ {
position:absolute;
left:18px;
top:203px;
width:45px;
height:4px;
}

#index-19_ {
position:absolute;
left:84px;
top:203px;
width:50px;
height:4px;
}

#index-20_ {
position:absolute;
left:154px;
top:203px;
width:65px;
height:4px;
}

#index-21_ {
position:absolute;
left:246px;
top:203px;
width:58px;
height:4px;
}

#index-22_ {
position:absolute;
left:324px;
top:203px;
width:38px;
height:4px;
}

#index-23_ {
position:absolute;
left:381px;
top:203px;
width:54px;
height:4px;
}

#index-24_ {
position:absolute;
left:0px;
top:207px;
width:793px;
height:16px;
}

#index-25_ {
position:absolute;
left:0px;
top:223px;
width:624px;
height:1px;
}

#index-26_ {
position:absolute;
left:624px;
top:223px;
width:169px;
height:63px;
}

#index-27_ {
position:absolute;
left:0px;
top:224px;
width:166px;
height:62px;
}

#index-28_ {
position:absolute;
left:166px;
top:224px;
width:4px;
height:79px;
}

#index-29_ {
position:absolute;
left:170px;
top:224px;
width:451px;
height:62px;
}

#index-30_ {
position:absolute;
left:621px;
top:224px;
width:3px;
height:675px;
}

#index-31_ {
position:absolute;
left:0px;
top:286px;
width:166px;
height:17px;
}

#index-32_ {
position:absolute;
left:170px;
top:286px;
width:451px;
height:17px;
}

#index-33_ {
position:absolute;
left:624px;
top:286px;
width:169px;
height:17px;
}

#index-34_ {
position:absolute;
left:0px;
top:303px;
width:1px;
height:596px;
}

#index-35_ {
position:absolute;
left:1px;
top:303px;
width:168px;
height:565px;
}

#index-36_ {
position:absolute;
left:169px;
top:303px;
width:2px;
height:596px;
}

#index-37_ {
position:absolute;
left:171px;
top:303px;
width:450px;
height:565px;
}

#index-38_ {
position:absolute;
left:624px;
top:303px;
width:169px;
height:565px;
}

#index-39_ {
position:absolute;
left:1px;
top:868px;
width:168px;
height:31px;
}

#index-40_ {
position:absolute;
left:171px;
top:868px;
width:450px;
height:6px;
}

#index-41_ {
position:absolute;
left:624px;
top:868px;
width:169px;
height:31px;
}

#index-42_ {
position:absolute;
left:171px;
top:874px;
width:10px;
height:25px;
}

#index-43_ {
position:absolute;
left:181px;
top:874px;
width:432px;
height:21px;
}

#index-44_ {
position:absolute;
left:613px;
top:874px;
width:8px;
height:25px;
}

#index-45_ {
position:absolute;
left:181px;
top:895px;
width:432px;
height:4px;
}

</style>

RaymaN #2 Ene '09 Sureño

Supongo que la primera capa que hay en la lista es la que contiene todo. Quítale el position, left y top y ponle margin: 0 auto.

xxSnIpErxx #3 Ene '09

Pues lo estoy intentando pero no sale..., aver he modificado lo de arriba..
corrigeme si me equivoco:

#Tabla_01 {

margin:0 auto;
width:794px;
height:899px;

}

Soy muy novato...quizas hago algo mal...o me falta por poner algo...pero sigue a la izquierda.

mOrK2 #4 Ene '09

menudo css xD

crea un div:

#contenedor {
margin: auto;
}

Luego metes TODA la web dentro de ese div y prueba

xxSnIpErxx #5 Ene '09

Gracias, continuo con otra duda.
Tengo hecho un div, en el que va metido el header, pero me gustaria que empezara
desde arriba del todo, que no hubiera espacio entre la pagina y el header, como por ejemplo...
la cabecera de MV.
Con que comando puedo quedarlo pegado al principio de la pagina?
Gracias!.

xxSnIpErxx #6 Ene '09

Ya lo consegui. Me auto respondo por si alguien entra con esta duda:

position:absolute;
top: 0px;

Gracias !

Usuarios habituales