control situación de div's en resoluciones varias

[christian ducos]

Saludos, provengo de Flash y estoy descubriendo que CSS me fascina.

Puede parecer básico, pero seguro que si alguien responde a esta duda ayudará a muchos como yo.

La web en la que estoy trabajando tiene un fondo de página, en el que el centro és de 800px blanco y sus lados són grises (parecido al de esta página). Mi intención es que todo el contenido esté dentro del fondo blanco, y quede bién para monitores con resolución 800x600 y superior 1024x768.
¿Cómo puedo hacer para que los divs queden dentro del espacio blanco del fondo de pàgina en todo tipo de resoluciones?
¿Doy el width y height en porcentaje?

Por favor si alguien tiene la solución le estaré eternamente agradecido... ;)

[damianx]

Puedes probar haciendo un div del tamaño de la imagen, centrado, darle al background del body el mismo gris para que no se note el cambio, y poner la imagen de fondo no en el body sino en el mismo div.

algo asi, por poner un ejemplo:

Código:

body {
background-color: #f0f0f0;
}
#capa { 
background-image: url(imagen.jpg); 
width: ancho de imagen.jpg;
height: alto deimagen.jpg;
}

Código:

<div align="center">
<div id="capa">
contenidos
</div>
</div>

EDITO: El problema que te puede generar esto es que en resoluciones superiores a 1024 x 768 la parte de los contenidos se te quede muy angosta y haya demasiado "aire" a los costados.

Saludos!

[Mikmoro]

Buenas.
Dices que "el centro es de 800px blanco", con lo cual, parece que ya tengas definido ese tamaño. No sé si quieres que ese tamaño varíe o no en función de la resolución. De la misma manera, dices "que quede bien para monitores con resolución 800x600 y superior 1024x768", lo cual es muy relativo (quedar bien).

Si lo que te refieres es a que quede la parte central siempre proporcional al tamaño de visión sea cual sea la resolución (centro blanco con franjas grises a los lados), debes usar el tamaño de la parte central en porcentaje.

Si puedes aclara un poco más la pregunta. Saludos.

Mikel.