utilizar % es la mejor forma y para usarlo debes cambiar los px por % en el div contenedor de la pagina. ejemplo:
Código:
<html>
<head>
</head>
<body>
<div id="contenedor">
RESTO DE LA PAGINA
</div>
</body>
</html>
Css:
Código:
#contenedor {
width: 80%;
height: 60%;
}
Lo que no estoy seguro es que si utilizas una imagen de fondo la pagina se acomodara hasta llegar a lo limites de la imagen o sea si la imagen es de 500 px de ancho el ancho de la pagina se acomodara hasta que llege a los 500 px despues de eso la pagina no hara ningun cambio. Pero no estoy seguro.