HTML - Fondo q ocupa toda la ventana

 
Vista:

Fondo q ocupa toda la ventana

Publicado por Tomas (2 intervenciones) el 03/04/2001 18:06:52
Me gustaria saber como puedo hacer q el fondo se adapte al tamaño de la ventana.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

RE:Fondo q ocupa toda la ventana

Publicado por Luis D. Sáenz (26 intervenciones) el 04/04/2001 08:58:27
Si queres hacer algo así, no tiene que ser una sóla imagen.. sino 2 o 4 segun lo necesites... si son 2 será una en cada borde puesto sobre una tabla de tamaño porcentual y si son cuatros serán 1 para c/esquina y con el mismo concepto.

Suerte
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

RE:Fondo q ocupa toda la ventana

Publicado por tecnorama (71 intervenciones) el 04/04/2001 21:22:20
Coloca este script en el comienzo del cuerpo de la página (después de <body>):
<script language="JavaScript">
function makeIm() {
NS4=(document.layers);
IE4=(document.all);
scaleWidth = true;
scaleHeight = true;
imSRC = "imagen_de_fondo.gif";
if (NS4) {
origWidth = innerWidth;
origHeight = innerHeight;}
function reDo() {
if (innerWidth != origWidth || innerHeight != origHeight)
location.reload();}
if (NS4) onresize = reDo;
if (IE4) onresize = reDoIE;
function reDoIE(){
imBG.width = document.body.clientWidth;
imBG.height = document.body.clientHeight;}
winWid = (NS4) ? innerWidth : document.body.clientWidth;
winHgt = (NS4) ? innerHeight : document.body.clientHeight;
imStr = "<div id=elBGim"
+ " style='position:absolute;left:0;top:0;z-index:-1'>"
+ "<img name='imBG' border='0' src="+imSRC;
if (scaleWidth) imStr += " width="+winWid;
if (scaleHeight) imStr += " height="+winHgt;
imStr += "></div>";
document.write(imStr);}
makeIm();
</script>

Cambia el valor "imagen_de fondo.gif" por el nombre de tu imagen:

El script no lo he escrito yo, es obra de Massimo Fotti, un excelente autor de extensiones para Dreamweaver (http://massimoscorner.com)
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar