duda maquetacion

[alicia91]

Hola chicos, soy un poco nueva en esto y estoy comenzando un cursillo sobre diseño web, el caso es q tengo un par de dudas y quisiera saber que solucion habria que plantear para realizar una maquetacion en la que el fondo crezca independientemente de la resolucion del usuario y que el contenido este siempre centrado?

Os agradeceria mucho chicos vuestra ayuda. Un abrazo

[Contac]

Hola, coloca el contenido en un div contenedor como este

Código CSS:

#contenedor { 
 
position:relative; 
 
width: 780px; 
 
height:930px;
 
margin: 0 auto; 
 
border: 1px solid #FFFFFF;
 
}
 

[alicia91]

De esa manera consigo que el fondo crezca de manera independiente a la resolucion del usuario? Con la propiedad position:relative? que funcion cumple? por que yo tengo una resolucion pero tu puedes tener una mayor y asi sucesivamente, y eso es lo q me interesa a mi basicamente.

Gracias

[mdk]

Yo metería el fondo dentro de un div contenedor, a que le daría una posición absolute, con un alto y ancho de 100%, crearía dentro otro div con las mismas características y dentro de este último div metería la imagen (no como fondo, sino como objeto) y le daría uno alto y ancho de 100% para que se adaptara al div que estaría ocupando la resolución de pantalla máxima. Luego tendrías que meter toda la web, dentro del div contenedor, para evitar descuadres, y el div que contiene la imagen, debería de quedarte bajo del todo.

Si no te a quedado claro del todo intentaré explicártelo mejor.

Saludos.

[pzin]

¿Que el fondo ocupe toda la página? ¿Es eso?

Código CSS:

body {
  background-image: url(gatitos.jpg);
  background-size: cover;
}
 

[mdk]

Iniciado por pzin

¿Que el fondo ocupe toda la página? ¿Es eso?

Código CSS:

body {
  background-image: url(gatitos.jpg);
  background-size: cover;
}
 

Anda!! Esa opción no la conocía.. Pues me has sido muy útil a mi también pzin