Foros del Web » Creando para Internet » CSS »

Fondo :S

Estas en el tema de Fondo :S en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 23/04/2010, 18:31
Avatar de _cronos  
Fecha de Ingreso: abril-2010
Mensajes: 135
Antigüedad: 7 años, 8 meses
Puntos: 1
Fondo :S

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 (:
  #2 (permalink)  
Antiguo 23/04/2010, 18:43
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Fondo :S

Mira este ejemplo
http://www.araudi.net/ejemplos/fondo_elastico.html
  #3 (permalink)  
Antiguo 23/04/2010, 19:03
Avatar de ipraetoriux  
Fecha de Ingreso: abril-2010
Ubicación: ipraetoriux.com
Mensajes: 1.125
Antigüedad: 7 años, 7 meses
Puntos: 154
Respuesta: Fondo :S

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
  #4 (permalink)  
Antiguo 24/04/2010, 15:04
Avatar de _cronos  
Fecha de Ingreso: abril-2010
Mensajes: 135
Antigüedad: 7 años, 8 meses
Puntos: 1
Respuesta: Fondo :S

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

Etiquetas: fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:09.