Fondo para web

blayer · #1 (**permalink**) 10/04/2011, 20:11

Hola, hay algun codigo para extender la imagen de fondo de mi web totalmente dependiedo de donde sea vista y que siempre se vea igual; por que a veces que con la imagen centrada se ve mas grande y no entra bien en la pantalla y otras vences mas pequeña y que dan bordes en blancos al rededor.

Saludos y gracias.

saul123 · #2 (**permalink**) 11/04/2011, 04:16

Hola , quiza necesites poner una hoja de reset para que elimine los estilos predeterminados de los navegadores

cristian_cena · #3 (**permalink**) 11/04/2011, 09:13

también puedes hacer esto:

Código HTML:

Ver original<body>
<div id="contenedor_general">
<img id="fondo" src="ruta/imagen.xxx" width="100%">
<div id="contenedor"></div>
</div>
</body>

width="100% hará que el ancho de la imagen se adapte al ancho de la ventana del navegador

Código CSS:

Ver original#contenedor_general{position:relative;}
#fondo{position:absolute; display:block; top:0; left:0; z-index:1; }
#contenedor{position:relative; z-index:2;}

aquí hacemos que <img> este por detras de #contenedor

Y si, como bien te indican usa un reset, al menos el básico *{margin:0; padding:0;}
Espero te sea útil, un saludo.

#4 (**permalink**) 13/04/2011, 08:35

proba con el atributo fixed, dejando la imagen fija y adaptando el resto del contenido sin depender del tamaño de la imagen.

suerte!

cristian_cena · #5 (**permalink**) 18/07/2011, 20:15

Cita:

Iniciado por sergio87

adaptando el resto del contenido sin depender del tamaño de la imagen.

wtf

dscafati · #6 (**permalink**) 19/07/2011, 16:29

la imagen widt 100% height 100% position fixed left 0 top 0
html, body {
border: 0 none;
height: 100%;
margin: 0;
padding: 0;
}