Hola, podrías usar mas o menos esto:
Los CSS
Código:
.fondo {
position: absolute;
width: 1600px; /* Aquí introduces el ancho de la imagen */
height: 1200px; /* Aquí introduces el alto de la imagen */
top: 50%;
left: 50%;
margin-left: -800px; /* Aquí introduces la mitad del ancho de la imagen */
margin-top: -600px; /* Aquí introduces la mitad del alto de la imagen */
background-image: url('imagen.jpg'); /* Aquí introduces la ruta del fondo */
}
/* A continuacion, deberias de crear el css de la capa contenedor que es donde empezarias a trabajar */
.contenedor {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
margin-left: 0px; /* Aquí pones el marjen izquierdo con el que empezarias a trabajar */
margin-top: 0px; /* Aquí pones el marjen superior con el que empezarias a trabajar */
overflow-x:hidden;
overflow-y:scroll;
}
El HTML deberias de ponerlo mas o menos asi:
Código HTML:
<body style="margin: 0;">
<div class="fondo"></div>
<div class="contenedor"></div>
Saludos.