Hola otra vez.
Con la situación en la que tienes ahora mismo tu código, yo te recomiendo que hagas lo siguiente:
- cambia en tu css los selectores body y web por estos:
body { margin: 0px;
padding: 0px;
background: rgb(237, 232, 223);
font-size: 12px;
line-height: 18px;
font-family: Arial,Helvetica,sans-serif;
}
#web { margin: 0pt auto;
padding: 0px;
background: rgb(237, 232, 223) url(imagenes/bg.jpg) repeat-y 50% 0px;
width: 768px;
height: 870px;
position: relative;
}
con lo que, de entrada consigues que tu web se vea siempre centrada, sea cual sea la resolución y el tamaño de la ventana al reducirla.
- Añade al resto de tus páginas el mismo div envoltorio general que has usado para la principal (<div id="web">...</div>) Recuerda: ábrelo al principio justo después de <body> y ciérralo al final justo antes de </body>.
Con esto todas tus páginas deberían ir a la posición que tu quieres. Luego el contenido ya es otro cantar.
No es mala idea diseñar con capas en posiciones absolutas, pero es bueno hacerlo dentro de una capa en posición relativa, para que esas posiciones absolutas lo sean con respecto a la capa contenedora, y así poder colocar la relativa con más facilidad con respecto a la página u otros elementos.
Mikel.
P.D.: tienes otro problemilla con las imágenes pequeñas del menu de abajo (tres columnas). Revisa sus nombres y el width.