Fondo :S

_cronos · #1 (**permalink**) 23/04/2010, 17:31

Hola gente, tengo un problema con un fondo, quiero que ocupe toda la página pero en vez de eso se repite. Va a quedar un poco deforme pero eso me da igual, he estado probando pero no me sale, ¿tendré que usar height y width? Gracias (:

alexk · #2 (**permalink**) 23/04/2010, 17:43

Mira este ejemplo

http://www.araudi.net/ejemplos/fondo_elastico.html

ipraetoriux · #3 (**permalink**) 23/04/2010, 18:03

Es sencillo, primero asegurate de colocar una imagen de alta resolucion, sino los monitores grandes tipo 22' estiraran demasiado la imagen al punto de pixelarla. Luego colocala en una capa fuera del contenedor con width y height al 100%

ej.

<body>
<div id="fondo"><img src="xxxxxx" ></div>
<div id="contenedor">

--aca contenido de la web--

</div>
</body>

ahora el CSS:

* { margin:0px; padding:0px; }

#fondo {position:absolute; width:100%; height: 100%;}

...y luego el resto de los atributos de CSS

Espero haberte ayudado

_cronos · #4 (**permalink**) 24/04/2010, 14:04

Muchas gracias a los dos ya me funciona perfecto (:
Saludos.