Problema con adattamento risoluzione

[burianico]

Ciao a tutti. Non so se è questo il posto giusto per il mio problema. Ho un sito web www.foggiameteo.com, ottimizzato per una risoluzione 1024x768. Ed infatti, a quella risoluzione, si vede perfettamente. A risoluzioni inferiori (ed anche superiori suppongo), l'applet java in primo piano si vede male e fuori schermo. Come posso fare per risolvere il problema? Esiste un qualche codice html per ovviare all'inconveniente? Grazie!

[dany84]

Originariamente inviato da burianico

Ciao a tutti. Non so se è questo il posto giusto per il mio problema. Ho un sito web www.foggiameteo.com, ottimizzato per una risoluzione 1024x768. Ed infatti, a quella risoluzione, si vede perfettamente. A risoluzioni inferiori (ed anche superiori suppongo), l'applet java in primo piano si vede male e fuori schermo. Come posso fare per risolvere il problema? Esiste un qualche codice html per ovviare all'inconveniente? Grazie!

in html mettendo tutte le width e height dei vari componenti della pagina in percentuale invece che in numero (es. <td width="25%">) dovresti risolvere no? se l'hai già fatto non saprei...

[burianico]

Ti posto direttamente il codice della pagina:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Foggia Meteo</title>
<meta name="keywords" content="Foggia meteo, Situazione meteo, tempo reale, Situazione meteo in tempo reale, Situazione meteo in tempo reale a Foggia, webcam, live, webcam live, Foggia meteo webcam, Foggia webcam live, Oregon Scientific , WMR968, Foggia Meteo forum, meteo forum, sat, Animazione sat, Situazione temporali, Weather Display, Meteosat, Previsioni prossimi giorni">
<link rel=stylesheet type="text/css" href="style.css">
<script language="JavaScript">
<!--
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_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_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>
</head>

<body bottommargin="0" leftmargin="0" rightmargin="0" topmargin="0" background="sfondo.jpg" style="text-align: center" onload="FP_preloadImgs(/*url*/'buttonB.gif', /*url*/'buttonC.gif', /*url*/'buttonE1.gif', /*url*/'buttonF1.gif', /*url*/'button1D.gif', /*url*/'button1E.gif', /*url*/'button20.gif', /*url*/'button21.gif', /*url*/'button23.gif', /*url*/'button24.gif', /*url*/'button26.gif', /*url*/'button27.gif', /*url*/'button29.gif', /*url*/'button2A.gif', /*url*/'button3.gif', /*url*/'button4.gif', /*url*/'button30.gif', /*url*/'button31.gif', /*url*/'button12.gif', /*url*/'button13.gif')">

<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr valign="top">

<td width="201">&nbsp;</td>

<td width="100%">
<p align="center"><span style="font-weight: 700">
<font color="#000080" size="4" face="Book Antiqua">Situazione meteo in tempo reale a Foggia
- Stazione meteorologica professionale Oregon Scientific WMR968</font></span></p>
<table width="100%" cellpadding="10" cellspacing="0" border="0" height="603">
<tr valign="top">
<td>
<!----- content, insert text and content below ------------------------------------------>
<p align="center">

<OBJECT classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0"
WIDTH="100%" HEIGHT="95%" id="wdlv4_12.swf" ALIGN="middle" border="0">
<PARAM NAME=movie VALUE="wdlv4_12.swf?http://www.foggiameteo.com/wdlconfig_no_uv.xml">
<PARAM NAME=quality VALUE=Best>
<PARAM NAME=wmode VALUE=transparent>
<PARAM NAME=bgcolor VALUE=#ffffff>
<EMBED src="wdlv4_12.swf?http://www.foggiameteo.com/wdlconfig_no_uv.xml" quality=Best bgcolor=#ffffff WIDTH="100%" HEIGHT="95%" NAME="wdlv4_12.swf" ALIGN=""
TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" wmode="transparent">
</EMBED>
</OBJECT>

<BR>&nbsp;<p>

<BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR>
</td>
</tr>
</table>
</td>

</tr>
</table>

<table border="1" width="50%" id="table1" height="183">
<tr>
<td align="center" bordercolor="#3163CE" background="sfondomenu.jpg" bgcolor="#00CCFF">
<p style="line-height: 150%"><BR>
<!----- menu, insert links below ------------------------------------------>
<a target="_blank" href="http://foggiameteo.forumfree.net/">
<img border="0" id="img1" src="button2.gif" height="75" width="370" alt="Foggia Meteo Forum" fp-style="fp-btn: Embossed Capsule 4; fp-font: Verdana; fp-font-style: Bold; fp-font-size: 22; fp-transparent: 1; fp-proportional: 0" fp-title="Foggia Meteo Forum" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'button3.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'button2.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'button4.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'button3.gif')"></a><p style="line-height: 150%">
<a target="_blank" href="meteosat.htm">
<img border="0" id="img2" src="buttonA.gif" height="45" width="225" alt="Meteosat" fp-style="fp-btn: Embossed Capsule 5; fp-font-size: 16; fp-transparent: 1" fp-title="Meteosat" onmouseover="FP_swapImg(1,0,/*id*/'img2',/*url*/'buttonB.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img2',/*url*/'buttonA.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img2',/*url*/'buttonC.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img2',/*url*/'buttonB.gif')"></a><BR>
<BR>
<a target="_blank" href="canaleeuropa.htm">
<img border="0" id="img3" src="buttonD1.gif" height="45" width="225" alt="Canale Europa" fp-style="fp-btn: Embossed Capsule 5; fp-font-size: 16; fp-transparent: 1" fp-title="Canale Europa" onmouseover="FP_swapImg(1,0,/*id*/'img3',/*url*/'buttonE1.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img3',/*url*/'buttonD1.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img3',/*url*/'buttonF1.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img3',/*url*/'buttonE1.gif')"></a><p style="line-height: 150%">
<a target="_blank" href="temporalilive.htm">
<img border="0" id="img4" src="button1C.gif" height="45" width="225" alt="Temporali Live" fp-style="fp-btn: Embossed Capsule 5; fp-font-size: 16; fp-transparent: 1" fp-title="Temporali Live" onmouseover="FP_swapImg(1,0,/*id*/'img4',/*url*/'button1D.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img4',/*url*/'button1C.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img4',/*url*/'button1E.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img4',/*url*/'button1D.gif')"></a><p style="line-height: 150%">
<a target="_blank" href="modelli.htm">
<img border="0" id="img10" src="button32.gif" height="45" width="225" alt="Modelli Meteo" fp-style="fp-btn: Embossed Capsule 1; fp-font-style: Bold; fp-font-size: 18; fp-transparent: 1; fp-orig: 0" fp-title="Modelli Meteo" onmouseover="FP_swapImg(1,0,/*id*/'img10',/*url*/'button31.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img10',/*url*/'button32.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img10',/*url*/'button30.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img10',/*url*/'button31.gif')"></a><p style="line-height: 150%">
<a target="_blank" href="previsioniitalia.htm">
<img border="0" id="img5" src="button1F.gif" height="45" width="225" alt="Previsioni Italia" onmouseover="FP_swapImg(1,0,/*id*/'img5',/*url*/'button20.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img5',/*url*/'button1F.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img5',/*url*/'button21.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img5',/*url*/'button20.gif')" fp-style="fp-btn: Embossed Capsule 5; fp-font-size: 16; fp-transparent: 1" fp-title="Previsioni Italia"></a><p style="line-height: 150%">
<a target="_blank" href="previsionifoggia.htm">
<img border="0" id="img6" src="button22.gif" height="45" width="225" alt="Previsioni Foggia" onmouseover="FP_swapImg(1,0,/*id*/'img6',/*url*/'button23.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img6',/*url*/'button22.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img6',/*url*/'button24.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img6',/*url*/'button23.gif')" fp-style="fp-btn: Embossed Capsule 5; fp-font-size: 16; fp-transparent: 1" fp-title="Previsioni Foggia"></a><p style="line-height: 150%">
<a target="_blank" href="neve.htm">
<img border="0" id="img11" src="button11.gif" height="45" width="225" alt="Servizio Nivometrico" fp-style="fp-btn: Embossed Capsule 3; fp-font-size: 16; fp-transparent: 1; fp-proportional: 0" fp-title="Servizio Nivometrico" onmouseover="FP_swapImg(1,0,/*id*/'img11',/*url*/'button12.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img11',/*url*/'button11.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img11',/*url*/'button13.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img11',/*url*/'button12.gif')"></a><p style="line-height: 150%">
<a target="_blank" href="collaborazioni.htm">
<img border="0" id="img7" src="button25.gif" height="45" width="225" alt="Collaborazioni" onmouseover="FP_swapImg(1,0,/*id*/'img7',/*url*/'button26.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img7',/*url*/'button25.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img7',/*url*/'button27.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img7',/*url*/'button26.gif')" fp-style="fp-btn: Embossed Capsule 5; fp-font-size: 16; fp-transparent: 1" fp-title="Collaborazioni"></a><p style="line-height: 150%">
<a target="_blank" href="dati.htm">
<img border="0" id="img8" src="button28.gif" height="60" width="300" alt="Dati completi WMR968" fp-style="fp-btn: Embossed Capsule 5; fp-font-style: Bold; fp-font-size: 18; fp-transparent: 1" fp-title="Dati completi WMR968" onmouseover="FP_swapImg(1,0,/*id*/'img8',/*url*/'button29.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img8',/*url*/'button28.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img8',/*url*/'button2A.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img8',/*url*/'button29.gif')"></a><BR>
<BR>
<!-------------------------------------------------------------------------->
<!-- Inizio Codice Shinystat -->
<script type="text/javascript" language="JavaScript" SRC="http://codice.shinystat.it/cgi-bin/getcod.cgi?USER=FoggiaMeteo"></script>
<noscript>
<A HREF="http://www.shinystat.com" target="_top">
<IMG SRC="http://www.shinystat.com/cgi-bin/shinystat.cgi?USER=FoggiaMeteo" ALT="Traffic analysis" BORDER="1"></A>
</noscript>
<!-- Fine Codice Shinystat --></td>
</tr>
</table>
<p align="center"><strong>
<font face="Times New Roman"><u><font style="font-size: 14pt">Aggiornato
automaticamente</font></u><span style="text-decoration: none underline"><font style="font-size: 14pt"> da
</font></span></font><span style="text-decoration: none underline">
<font face="Times New Roman" style="font-size: 14pt">Weather Display
10.35d ogni 10 secondi</font></span></strong></p>
<p align="center"><font size="2" face="Times New Roman"><br></font><u>
<font face="Verdana" style="font-size: 11pt">Sito di proprietà e gestito da
Daniele Rotundi - online dal 10 Settembre 2005</font></u></p>
<p align="center"><font size="2" color="#0000FF" face="Times New Roman">e-mail:
<a href="mailto:[email protected]" style="text-decoration: none">
<font color="#0000FF">[email protected]</font></a></font></p>
<p align="center"><u><font face="Times New Roman" size="2">Scrivetemi per collaborare
con Foggia Meteo!!!</font></u></p>
<p><b>* * * Foggia Meteo è ottimizzato per una
risoluzione video di 1024x768&nbsp;- carattere piccolo * * *</b></p>
<p><b><i><font style="FONT-SIZE: 13pt">Se non si visualizzano i dati meteo
scaricare
<a href="http://www.macromedia.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" target=_blank>
<img border="0" src="macromedia.bmp" width="88" height="31"></a></font></i></b></p>

<p><strong>
<font face="Times New Roman" color="black" size="2">©</font></strong><font size="2" face="Times New Roman">Foggiameteo.com
2005-2006</font></p>

</body>
</html>

[dany84]

Originariamente inviato da burianico

Ti posto direttamente il codice della pagina:

...

<td width="201">&nbsp;</td>

...

...

<table width="100%" cellpadding="10" cellspacing="0" border="0" height="603">

....

<table border="1" width="50%" id="table1" height="183">

....

secondo me potrebbe essere colpa di una di queste tabelle, soprattutto per la colonna da 201 che credo sposti il tutto di 201 pixel sulla destra.
Fai delle prove, dal punto di vista dell'html non credo ci sia altro, per quanto riguarda l'applet java non posso aiutarti, mai utilizzati finora