Necesito ayuda con estilos CSS y dreamweaver

Hola compañeros, les cuento mi problema a ver si me pueden hechar un cable.

Estoy iniciandome en esto del diseño web, todo muy basico y tal, y ahora ando algo liado peleandome con los estilos CSS.

Voy teniendo problemas y dudas conforme voy probando mas cosas y mas o menos probando cosas y demás voy comprendiendo mejor el funcionamiento de esto. Pero tengo un problema que no doy con la solución, os comento:
Trabajo con Dreamweaver 8, y no consigo hacer que una página se centre, es decir, tengo una página que mide 900 pixels por ejemplo, y quiero que sea cual sea la resolución de la persona que la visualice la página le aparezca centrada. No logro dar con la opción en dreamweaver para hacer esto. También les agradeceria si supieran de algún buen tutorial, ya que voy aprendiendo con varios a la vez buscados por google, porque en ocasiones llego a algún punto en el cual no entiendo lo que dice y cambio a algún otro tutorial, pero me parece que me lia más que otra cosa...

En fin un saludo y gracias... si es que yo soy más de hardware...
Si no quieres complicarte mucho, la solución más fácil es aplicarle un margin:0 auto; al contenedor que quieres centrar, es decir, en tu hoja de estilos:

#tu-contenedor {
margin: 0 auto;
width: 900px;
}

De ese modo se centrará horizontalmente respecto al anterior contenedor (en este caso lo aplicas al primer div con lo que su "padre" es la ventana del navegador). Hay otras técnicas para centrar vertical y horizontalmente, pero vamos, lo mejor es que lo vayas viendo poco a poco :)
Muchisimas gracias, ahora si que me sale centrado, ahora puedo seguir investigando. Un saludo y muchas gracias de nuevo.
Yo lo que hago es crear una capa de css, y luego en sus propiedades, pongo que el margen de derecha y izquierda sea "auto" y que la posición sea relativa.

Con ello tienes que la posición será relativa al ancho de la resolución, y como izquiera y derecha dejan automaticamente los mismos márgenes, queda siempre centrada.

En código queda algo asi:

}
#capa1 {
margin-right: auto;
margin-left: auto;
position: relative;
}
3 respuestas