Centrar pagina con fondo

[pbanonf]

Hola a todos, soy nueva en el foro y en este mundillo tan apasionante, acabo de hacer mi pagina web con un fondo de 1680px por 780px y tras llevar mas de una semana leyendo muchos de vuestros mensajes, no consigo centrar la pagina para que se vea en cualquier tamaño de monitor. La he realizado toda con etiquetas Div y no e utilizado ninguna tabla. Muchas gracias por vuestra colaboración.

Os dejo el codigo

<style type="text/css">
html, body {
height: 100%;
padding: 0px;
background-color: black;
margin-top:50px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#contenedor {
height: 780px;
width: 1680px;
margin-right: auto;
margin-left: auto;
position: relative;
background-image: url(imagenes/fondoindex.jpg);
}

[ginitofl]

Hola si quieres centrar la web horizontalmente puedes hacer asi:

Código CSS:

body{ margin:0;
text-align:center;}
#contenedor{width:1000px; height:780px; background-color:#FFCC66; margin:auto;}
 

Saludos.

[pbanonf]

si cambio el width: 1000px; la pagina se queda centrada horizontal pero entonces es como si la pagina la hubiera diseñado para esa dimension y pierde el tamaño original. Yo quiero que sea de 1680px y quede totalmente centrada independientemente de la pantalla del usuario.

He visto bastantes webs diseñadas en flash que cuando las visualizas se adaptan automaticamente al monitor independientemente del tamaño del monitor y si se tiene anclados los favoritos. Desconozco que codigo hay que colocar en Dreamweaver para que ocurra lo mismo.

Muchas gracias por tu aportación

[yackshina]

hola maneja tu resolucion de 1000x800 px una para que no pese tanto y dos es una medida estandar para ser utilizado en pantallas de arriba de 15 pulgadas. yo manejo ese estandar y la pagina me queda centrada.

[danicasas]

Aquí explican como centrar un div:
http://www.2novatos.com/2010/05/03/centrar-un-div-horizontal-vertical/
con un buen ejemlo, sólo tienes que cambiar el tamaño.