Como se consigue poner esta foto de fondo.

[almez]

Hola

Me gustaría saber como se consigue con css colocar la foto de cabecera de fondo.

http://s.ma.tt/blog-content/themes/mahjoolz/layout/bg_header_2col.jpg



de esta web

http://ma.tt/

Es una foto con un tamaño de ancho de unos 1600px.

Cuando se cambia el tamaño del navegador, también cambia el tamaño de la foto.

Hay otro ejemplo aquí de lo que me interesa.

http://www.enfemenino.com/en-forma.html

En este caso, las modelos de fondo.



Gracias

[kadas99]

segun entiendo, para poner imagenes como fondo tenes q usar la propiedad:

background-image:url(direcion de la foto);

algo asi:
#fondo{
background-image:url(imagenes/alguna.png);
width:800px;
height:600px;
}


ahora, vos decis que la foto cambia de tamaño, pero segun veo no cambia de tamaño, sino que cuando vas a otro link (Ejemplo: archivos) lo que hace es "tapar" la imagen de fondo, es decir, pone algo arriba de la imagen de fondo la cual queda en segundo plano. Se entiende?

un abrazo

[Impostor]

Buenas,

si analizas el código de la pagina que pones es sencillo, en el header lo poner como background, y la propiedad center para que aún cambiado el tamaño ese centrado.

Código CSS:

#header {
background: transparent url(../layout/bg_header_2col.jpg) no-repeat scroll center top;
height: 925px;
margin-left: 2px;
}
 

Saludos¡¡

[almez]

Gracias por contestar.

[Impostor]

Pues yo no veo ninguna re-dimensión de la imagen, solo veo que se mantiene centrada, esto te puede llegar a confundir.

Saludos¡¡