Sono un Webmaster alle prime armi, e gestisco un sito di escursioni/arrampicate montane.
Ho da poco trovato uno script che permette allo sfondo di AUTO RIDIMENSIONARSI a seconda della risoluzione usata, ma ho avuto un piccolo intoppo con quest'ultimo.
Date un occhiata voi stessi:
http://www.lamuvra.org/prova.php
Praticamente l'immagine si adatta allo schermo, ma se scorro la pagina, lo sfondo non rimane bloccato (come vorrei che fosse)
Il codice è questo:
codice:
<html>
<head>
<meta http-equiv="Content-Language" content="it">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>La Muvra - Gruppo Escursionistico Montano</title>
<LINK REL="SHORTCUT ICON" HREF= "http://www.lamuvra.org/images/favicon.ico">
<script language="JavaScript">
function apri(url, w, h) {
var windowprops = "width=" + w + ",height=" + h;
popup = window.open(url,'remote',windowprops);
}
</script>
<SCRIPT LANGUAGE="JavaScript1.2">
<!--
NS4 = (document.layers);
IE4 = (document.all);
scaleWidth = true;
scaleHeight = true;
imSRC = "images/background/1.jpg";
if (NS4) window.onload = setResize;
function setResize(){
setTimeout("window.onresize=reDo;",500);
}
function reDo(){
window.location.reload()
}
if (IE4) window.onresize = reDoIE;
function reDoIE(){
imBG.width = document.body.clientWidth;
imBG.height = document.body.clientHeight;
}
function makeIm() {
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);
}
//-->
</SCRIPT>
</HEAD>
<BODY MARGINHEIGHT=0 MARGINWIDTH=0>
<SCRIPT LANGUAGE="JavaScript1.2">
<!--
makeIm();
//-->
</SCRIPT>
</head>
<body bgcolor="#EBEBEB">
<div align="center">
<table cellpadding="0" cellspacing="0" id="table5" width="983" height="15">
<tr>
<td width="983" height="15"></td>
</tr>
</table>
</div>
<div align="center">
<table cellpadding="0" cellspacing="0" id="table1" width="983" height="200">
<tr>
<td width="203" height="200" valign="top">
</td>
<td width="780" height="200" valign="top">
<table cellpadding="0" cellspacing="0" width="100%" height="10" id="table2">
<tr>
<td width="100%" height="10"></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="758" height="32">
<tr>
<td background="http://www.lamuvra.org/images/struttura/menu2.gif" width="751">
<font face="Verdana" size="2">
<a href="http://www.lamuvra.org/" style="text-decoration: none">
<font color="#000000">Homepage</font></a></font>
<font color="#808080" face="Verdana" size="2">| </font>
<font face="Verdana" size="2">
<a href="http://www.lamuvra.org/news.php" style="text-decoration: none">
<font color="#000000">News</font></a></font><font color="#808080" face="Verdana" size="2">
| </font>
<font face="Verdana" size="2">
<a style="text-decoration: none" href="http://www.lamuvra.org/ilgruppo.php">
<font color="#000000">Il Gruppo</font></a></font><font color="#808080" face="Verdana" size="2">
| </font>
<font face="Verdana" size="2">
<font color="#000000">
<a style="text-decoration: none" href="http://www.lamuvra.org/escursioni.php">
<font color="#000000">Escursioni</font></a></font></font>
<font color="#808080" face="Verdana" size="2">| </font>
<font face="Verdana" size="2">
<a style="text-decoration: none" href="http://www.lamuvra.org/arrampicate.php">
<font color="#000000">Arrampicate</font></a></font>
<font color="#808080" face="Verdana" size="2">| </font>
<font face="Verdana" size="2">
<a style="text-decoration: none" href="http://www.lamuvra.org/speleologia.php">
<font color="#000000">Speleologia</font></a></font>
<font color="#808080" face="Verdana" size="2">| </font>
<font face="Verdana" size="2">
<a style="text-decoration: none" href="http://www.lamuvra.org/eventi.php">
<font color="#000000">Eventi</font></a></font><font color="#808080" face="Verdana" size="2">
| </font>
<font face="Verdana" size="2">
<a style="text-decoration: none" href="http://www.lamuvra.org/guestbook.php">
<font color="#000000">Guestbook</font></a></font>
<font color="#808080" face="Verdana" size="2">|</font><font face="Verdana" size="2">
<a style="text-decoration: none" href="http://www.lamuvra.org/shop.php">
<font color="#000000">Shop</font></a> </font>
<font color="#808080" face="Verdana" size="2">| </font>
<font color="#000000" face="Verdana" size="2">
<a style="text-decoration: none" href="http://www.lamuvra.org/aiuto.php">
<font color="#000000">Aiuto</font></a></font></td>
<td height="32" width="7" valign="top">
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</body>
</html>
Come posso fare??? Vorrei che lo sfondo anche se scorro la pagina, rimanesse fermo. Mi scuso per il codice sporco, ma per motivi di tempo (ho 18 anni) sono costretto ad usare un software HTML