Ciao ragazzi!
sono nuovo del forum.
Vi scrivo percheč non riesco a risolvere un problema. Vorrei usare un'immagine di sfondo per un sito che si adatti alle varie risoluzioni e schermi (16:9,4:3). Ho trovato una soluzione che potete vedere su http://www.cesarezamparino.it/provahome.htm
Il problema č che l'immagine di sfondo si pone al di sopra dei contenuti (tranne il file swf) coprendoli e non lasciando visualizzare altro. Potete aiutarmi? Come posso fare per lasciare quest'immagine di sfondo e visualizzare i contenuti?
Vi mando anche il codice html qui sotto.
Aspetto una vostra risposta, grazie.
A presto.
Fabio
----------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "w w w.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="w w w.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Provahome</title><style type="text/css">*{border:0px solid #eee;margin:0;padding:0;list-style:none}
html,body,#bg,#bg table,#bg td,#cont{width:100%;height:100%;overflow:hidden}
body{font-family:Arial,Helvetica,sans-serif;font-size:10px;cursor:default;background:url(loading.gi f);color:#000}
img{display:block}
#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>
<base target="_self" />
<style type="text/css">
.style1 {
border-color: #c0c0c0;
border-width: 0;
}
.style3 {
text-align: center;
}
.style5 {
border-width: 0;
}
.style6 {
font-family: "Times New Roman";
text-align: center;
font-size: large;
}
.style7 {
text-align: right;
}
.style11 {
font-family: "Book Antiqua";
}
.style12 {
font-family: Tahoma;
font-size: small;
margin-left: 30px;
margin-right: 385px;
}
.style14 {
text-align: left;
}
</style>
<script language="javascript">AC_FL_RunContent = 0;
function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}
function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}
function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
return null;
}
</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>
</head>
<body><table style="width: 980px; " cellpadding="0" cellspacing="0" class="style1" align="center">
<tr>
<td class="style3" valign="top" style="height: 650px; width: 599px;">
<a href="http://xoomer.alice.it/siparioweb" target="_blank">
[img]images/siparioweb_logojpg_s.jpg[/img]</a></p>
<p class="style11"></p>
<p class="style11">
[img]images/intestazione_index.png[/img]</p>
<p class="style11"></p>
<p class="style11"></p>
<table cellpadding="0" cellspacing="0" class="style1" style="width: 520px">
<tr>
<td class="style14"><script type="text/javascript" src="swfobject.js"></script> <div id="player"></div> <script type="text/javascript">var so = new SWFObject('/flash/jwplayer.swf','mpl','160','120','9');so.addParam(' allowscriptaccess','always');so.addParam('allowful lscreen','true');so.addParam('flashvars','&file=ht tp://www.cesarezamparino.it/flash/videoindex.flv&controlbar=none&autostart=true&disp layclick=none&repeat=always');so.write('player');</script></td>
<td><a href="contatti.htm">
[img]images/button2B1.gif[/img]</a></td>
</tr>
</table>
<p class="style11"></p>
<p class="style12">sei il visitatore
[img]_vti_bin/fpcount.exe/?Page=provahome.htm|Image=0|Digits=5[/img]</p>
</td>
<td class="style7" style="height: 650px; width: 381px;">
</td>
</tr>
</table>
<p class="style6"></p>
<p class="style6"></p>
<p class="style6">© Cesare Zamparino 2008, All rights reserved</p>
<div id="bg"><div><table cellpadding="0" cellspacing="0"><tr><td>[img]images/sfondohome1600b.jpg[/img]
</td></tr></table>
</div>
</div>
</body>
</html>

Ciao ragazzi!
Rispondi quotando