Imagen de fondo :(

Bloy · #1 (**permalink**) 19/11/2011, 05:43

Hola a todos:

Tengo poco tiempo en el foro y también poco en lo de las web. Hace unos días una amiga y yo, nos animamos hacer una [URL="http://www.svantjebusshoff.net/"]web[/URL]. Nos damos cuenta que la imagen de fondo de la primera pag se ve como quiere, dependiendo del navegador, la resolución de la pantalla no lo sabemos

Agradecería vuestra ayuda para solucionar que dicha imagen se vea en toda la pantalla.

Saludos

IsaBelM · #2 (**permalink**) 19/11/2011, 06:29

no es una buena idea tener 15 imágenes para formar 1 imagen. usa photoshop para crear una sola imagen. una vez que tengas es única imagen

Cita:

html {
display: block;
}

body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background: #fff; /* este fondo puedes editarlo o eliminarlo */
}

#fondo {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: -1;
}

<body>
<img id="fondo" src="fondos.png" alt="" />

con esto la imagen se adaptará a lo ancho a cualquier resolución

gildus · #3 (**permalink**) 19/11/2011, 22:21

Holas,

Solo para aclarar, es exacto lo que menciona @IsaBelM:

Código HTML:

Ver original<html>
<head>
<style type="text/css">
html {
display: block;
}
 
body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background: #fff; /* este fondo puedes editarlo o eliminarlo */
}
 
#fondo {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: -1;
}
</style>
</head>
 
<body>
<img id="fondo" src="fondos.png" alt="" />
</body>
</html>

Saludos