Tema: Fondos
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 26/02/2011, 05:32
Avatar de cristian_cena
cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 14 años, 10 meses
Puntos: 269
Respuesta: Fondos

Hola facu,

Este fondo se deformará adaptándose al 100% tanto de alto como de ancho de la ventana del navegador.

<head>
<style type="text/css">
*{margin:0; padding:0;}
#contenedor{
position:relative; top:0; left:0; width:960px; margin:0 auto; z-index:2;
}
</style>
</head>
<body>
<img src="http://www.forosdelweb.com/f53/fondos-889651/ ... ruta de la imagen ..." width="100%" height="100%" style="postion:fixed; top:0; left:0; z-index:1;">
<div id="contenedor"> .. cabecera, cuerpo y pie de tu página </div>
</body>

Pero puedes poner solo el ancho al 100% y diseñar la imagen lo suficientemente alta como para que sobre por debajo.
(mira el link de resoluciones que compartió tresj)
<img src="http://www.forosdelweb.com/f53/fondos-889651/ ... ruta de la imagen ..." width="100%" style="postion:fixed; top:0; left:0; z-index:1;">

O bien puedes diseñar una imagen png que funda a transparente en por ejemplo el lado derecho y el lado inferior y meter esta imagen con background-image en una capa y usar un patron o color de fondo en el body, de manera tal que el color de fondo se fusione con la transparencia del png.

Estas son las maneras que conozco, pero seguramente debe haber otras.

Un saludo