Newsgroup: it.comp.lang.javascript
Titolo: Resize

Innanzitutto nn uccidetemi.
Vorrei porvi delle domande in merito ad un sito che ho fatto.
Questo sito è strutturato con dei div e dei iframes.
Premettendo che se video il sito a tutto schermo con risoluzione 1024 * 768
tutto ok.
I problemi che ho riscontrato sono i seguenti:
1. se non è a tutto schermo la tabella dove sono appoggiati i vari pezzi
dell'immagine che compongono lo sfondo nn vengono ridimensionati.
2. se cambio risoluzione si rovina tutto.
Vi prego un aiutino sono disperato.
Vi posto quello che ho scritto:
<BODY LEFTMARGIN="0" TOPMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0">
<TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0">
<TR>
<TD ROWSPAN="6" background="images/maintwo_1.jpg" HEIGHT="613">
</TD>
<TD COLSPAN="6" background="images/maintwo_2.jpg" HEIGHT="87">
</TD>
<TD ROWSPAN="6" background="images/maintwo_3.jpg" HEIGHT="613">
</TD>
<TD ROWSPAN="7" background="images/maintwo_4.jpg" HEIGHT="622">
</TD>
<TD ROWSPAN="7" background="images/maintwo_5.jpg" HEIGHT="622">
</TD>
</TR>
     nelle righe successive ho anche i div e gli iframe:
<TR>
<TD ROWSPAN="5" background="images/maintwo_6.jpg" WIDTH="150" HEIGHT="526">
<DIV id=Layer2 style="Z-INDEX: 5; LEFT: 10px; WIDTH: 150px; POSITION:
absolute; TOP: 120px; HEIGHT: 500px">
<font face=cursive size="2">
<a href="copertina.html" target="articolo">Home</a><br><br>
<a href="Editoriale/editoriale.htm" target="articolo">Editoriale</a><br><br>
<a href="News/news1.htm" target="articolo">News</a><br><br>
<DIV onClick = "controlExpand()">
ecc ecc
Grazie a tutti
--------------------------------
Inviato via 
http://arianna.libero.it/usenet/

> ecc ecc
Forse "ecc ecc" precedente e successivo al codice che hai postato e'
importante.
Posta tutto quanto.
-- 
Posted via Mailgate.ORG Server - 
http://www.Mailgate.ORG

> Posta tutto quanto.
Ti posto tutto index.htm:
<HTML>
	<HEAD>
		<title>AnimeVideo - magazine - </title>
		<STYLE type="text/css">
			A:link {
				COLOR: #ffffff; TEXT-DECORATION: none
			}
			A:visited {
				COLOR: #ffffff; TEXT-DECORATION: none
			}
			A:active {
				COLOR: #ffffff
			}
			A:hover {
				COLOR: black; TEXT-DECORATION: overline underline
			}
			BODY {
				SCROLLBAR-FACE-COLOR: Darkblue; SCROLLBAR-HIGHLIGHT-COLOR: grey;
font-family: arial, helvetica, sans-serif; font-size: 13px;
SCROLLBAR-SHADOW-COLOR: gray; SCROLLBAR-3DLIGHT-COLOR: #000000;
SCROLLBAR-ARROW-COLOR: gray; SCROLLBAR-TRACK-COLOR: Darkblue;
SCROLLBAR-DARKSHADOW-COLOR: gray; BACKGROUND-COLOR: black
			}
		</STYLE>
	</HEAD>
	<SCRIPT language="javascript">
	<!--
		//espande e comprime il menu
		function controlExpand() {
			//alla variabile assegno l'id dell'elemento che scatena l'evento
			var sup = 
event.srcElement.id
;
			if (sup != '')
			{
				var sub = document.all[(sup + "Sub")]
				if (sub != null)
				{
					//se il div è già visibile lo rende invisibile
					if (sub.style.display == 'none')
					{
						CloseMenu(sup);
						sub.style.display = '';
					}
					////se il div è invisibile lo rende visibile
					else sub.style.display = 'none';
		  		}
 			}
		}
		function CloseMenu(strvoce){
			var voci_menu = new Array();
			voci_menu[0] = "anime";
			voci_menu[1] = "manga";
			voci_menu[2] = "Special";
			voci_menu[3] = "VG";
			for (i=0;i<voci_menu.length;i++)
			{
				if (strvoce!=voci_menu[i])
				{
					var sub=document.all[(voci_menu[i] + "Sub")];
					sub.style.display='none';
				}
			}
		}
	//-->
	</SCRIPT>
	<BODY LEFTMARGIN="0" TOPMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0">
		<TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0">
			<TR>
				<TD ROWSPAN="6" background="images/maintwo_1.jpg" HEIGHT="613">
				</TD>
				<TD COLSPAN="6" background="images/maintwo_2.jpg" HEIGHT="87">
				</TD>
				<TD ROWSPAN="6" background="images/maintwo_3.jpg" HEIGHT="613">
				</TD>
				<TD ROWSPAN="7" background="images/maintwo_4.jpg" HEIGHT="622">
				</TD>
				<TD ROWSPAN="7" background="images/maintwo_5.jpg" HEIGHT="622">
				</TD>
			</TR>
			<TR>
				<TD ROWSPAN="5" background="images/maintwo_6.jpg" WIDTH="150" HEIGHT="526">
					<DIV id="Layer2" style="Z-INDEX: 5; LEFT: 10px; WIDTH: 150px; POSITION:
absolute; TOP: 120px; HEIGHT: 500px">
						<font face="cursive" size="2"><a href="copertina.html"
target="articolo">Home</a><br>
							<br>
							<a href="Editoriale/editoriale.htm" target="articolo">Editoriale</a><br>
							<br>
							<a href="News/news1.htm" target="articolo">News</a><br>
							<br>
							<DIV onClick="controlExpand()">
								<DIV ID="recensioni" style="cursor:'hand'"><a href="#"
id="recensioni">Recensioni</a><br>
									<br>
								</DIV>
								<DIV ID="recensioniSub" style="display:none">
									<DIV ID="anime" style="cursor:'hand'"><a href="#" id="anime">Anime</a><br>
										<br>
									</DIV>
									<DIV ID="animeSub" style="display:none">
										<DIV ID="RayEarth" style="cursor:'hand'"><a
href="Recensioni/Rayearth/Rayearth1.htm" target="articolo"
id="RayEarth">&nbsp;RayEarth</a></DIV>
										<DIV ID="Mazinkaiser" style="cursor:'hand'"><a
href="Recensioni/Mazinkaiser/Mazinkaiser1.htm" target="articolo"
id="Mazinkaiser">&nbsp;Mazinkaiser</a></DIV>
										<DIV ID="Shin" style="cursor:'hand'"><a href="Recensioni/Shin/Shin1.htm"
target="articolo" id="Shin">&nbsp;Shin
												Getter -Last Day-</a><br>
											<br>
										</DIV>
									</DIV>
									<DIV ID="manga" style="cursor:'hand'"><a href="#" id="manga">Manga</a><br>
										<br>
									</DIV>
									<DIV ID="mangaSub" style="display:none">
										<DIV ID="Anna" style="cursor:'hand'"><a href="Recensioni/Anna/Anna1.htm"
target="articolo" id="Anna">&nbsp;Anna
												dai capelli rossi</a></DIV>
										<DIV ID="Random" style="cursor:'hand'"><a
href="Recensioni/Random/Random1.htm" target="articolo"
id="Mazinsaga">&nbsp;Mazinsaga</a></DIV>
										<DIV ID="Spiderman" style="cursor:'hand'"><a
href="Recensioni/Spiderman/Spiderman1.htm" target="articolo"
id="Ragno">&nbsp;L'Uomo
												ragno Manga</a><br>
											<br>
										</DIV>
									</DIV>
								</DIV>
								<DIV ID="Special" style="cursor:'hand'"><a href="#"
id="Special">Special</a><br>
									<br>
								</DIV>
								<DIV ID="SpecialSub" style="display:none">
									<DIV ID="DevilMan" style="cursor:'hand'"><a href="#"
id="DevilMan">&nbsp;DevilMan</a><br>
										<br>
									</DIV>
								</DIV>
								<DIV ID="VG" style="cursor:'hand'"><a href="#" id="VG">VideoGames</a><br>
									<br>
								</DIV>
								<DIV ID="VGSub" style="display:none">
									<DIV ID="Pokemon" style="cursor:'hand'"><a href="#"
id="Pokemon">&nbsp;Pokemon</a><br>
										<br>
									</DIV>
								</DIV>
							</DIV>
							<a href="#">Spazio Disegnatori</a><br>
							<br>
							<a href="Posta/posta1.htm" target="articolo">Posta</a><br>
							<br>
							<a href="Banner/Banner.htm" target="_blank">Banner</a><br>
							<br>
							<a href="Staff/staff1.htm" target="articolo">Staff</a><br>
							<br>
						</font>
					</DIV>
				</TD>
				<TD ROWSPAN="2" COLSPAN="2" background="images/maintwo_7.jpg" WIDTH="572"
HEIGHT="79">
				</TD>
				<TD background="images/maintwo_8.jpg" WIDTH="242" HEIGHT="54">
				</TD>
				<TD ROWSPAN="2" COLSPAN="2" background="images/maintwo_9.jpg" WIDTH="15"
HEIGHT="79">
				</TD>
			</TR>
			<TR>
				<TD background="images/maintwo_10.jpg" WIDTH="242" HEIGHT="25">
					<DIV id="Layer6" style="Z-INDEX: 5; LEFT: 730px; WIDTH: 0px; POSITION:
absolute; TOP: 115px; HEIGHT: 115px">
						<marquee direction="up" scrollAmount='1'
style="cursor:'hand';width:'230px';height:'15px'" onmouseover="this.stop()"
onmouseout="this.start()">
							<font size="4" color="LightSeaGreen">
								<center>
									Manga</center>
							</font>
							<BR>
							<font size="3" color="#ffffff" face="cursive">Ed. FlashBook</font> <font
size="2" color="#ffffff" face="cursive">
								-Eterity n.1; I.N.V.U. n.1</font><BR>
							<BR>
							<font size="3" color="#ffffff" face="cursive">Ed. Saldapress</font> <font
size="2" color="#ffffff" face="cursive">
								-Uomo Tigre n.9</font><BR>
							<BR>
							<font size="3" color="#ffffff" face="cursive">Ed. Star Comics</font> <font
size="2" color="#ffffff" face="cursive">
								-ES n.3, H2 n.27, Jo Jo n.126, Model n.1, Rookies n.19, Rensie la strega
n.14
								La leggenda di Hikary n.7, Il grande sogno di Maya n.26, One Piece Color
Walk,
								Dool n.1, Red n.6, Kappa Magazine n.136</font><BR>
							<BR>
							<font size="3" color="#ffffff" face="cursive">Ed. Play Press</font> <font
size="2" color="#ffffff" face="cursive">
								-Battle Royale n.4, Benkyo n.35</font><BR>
							<BR>
							<font size="3" color="#ffffff" face="cursive">Ed. Magic Press</font> <font
size="2" color="#ffffff" face="cursive">
								-Dragon Head n.4</font><BR>
							<BR>
							<font size="3" color="#ffffff" face="cursive">Ed. Panini</font> <font
size="2" color="#ffffff" face="cursive">
								-Monster n.2, Hanayori Dango n.17, Gantz n.8, Fushigi Yugi n.28, Naruto
n.9</font><BR>
							<BR>
							<font size="3" color="#ffffff" face="cursive">Ed. Dynamic</font> <font
size="2" color="#ffffff" face="cursive">
								-Il giocattolo dei bambini n.10</font><BR>
							<BR>
							<font size="4" color="LightSeaGreen">
								<center>
									Comics
								</center>
							</font>
							<BR>
							<font size="3" color="#ffffff" face="cursive">Ed. Indy Press</font> <font
size="2" color="#ffffff" face="cursive">
								-Dawn Il ritorno della Dea, Savage Dragon vol.1</font><BR>
							<BR>
							<font size="3" color="#ffffff" face="cursive">Ed. Play Press</font> <font
size="2" color="#ffffff" face="cursive">
								-JLA Le origini segrete, DC Universe n.1</font><BR>
							<BR>
							<font size="3" color="#ffffff" face="cursive">Ed. Panini</font> <font
size="2" color="#ffffff" face="cursive">
								- X-Men n.37, L'uomo ragno n.105 (377), Fantastici 4 n.230, X-Treme X-Men
21,
								Devil & Hulk n.97</font><BR>
							<BR>
							<font size="3" color="#ffffff" face="cursive">Ed. Magic Press</font> <font
size="2" color="#ffffff" face="cursive">
								-ABC n.13</font><BR>
							<BR>
							<font size="4" color="LightSeaGreen">
								<center>
									Video DVD</center>
							</font>
							<BR>
							<font size="3" color="#ffffff" face="cursive">Ed. Paramount</font> <font
size="2" color="#ffffff" face="cursive">
								-Star Trek Deep Space 9 Stag. 4</font><BR>
							<BR>
							<font size="3" color="#ffffff" face="cursive">Ed. Dynamic</font> <font
size="2" color="#ffffff" face="cursive">
								-Alexander n.3, Devil Lady n.1, Lovely Sara n.1 e 2, Cieli di Escalowne n.3,
								G.T.O. n.8, Trigun n.3</font><BR>
							<BR>
							<font size="3" color="#ffffff" face="cursive">Ed. Yamato</font> <font
size="2" color="#ffffff" face="cursive">
								-God Bless Dancougar, Nadia Il mistero della pietra azzurra n.1</font><BR>
							<BR>
							<font size="3" color="#ffffff" face="cursive">Ed. Fox</font> <font size="2"
color="#ffffff" face="cursive">
								- X-Men 2 ed. 2 disci, Hulk Collector's Limited 3 Dvd Box</font><BR>
							<BR>
						</marquee>
					</DIV>
				</TD>
			</TR>
			<TR>
				<TD COLSPAN="5" background="images/maintwo_11.jpg" WIDTH="829" HEIGHT="9">
				</TD>
			</TR>
			<TR>
				<TD WIDTH="21" HEIGHT="428" background="images/maintwo_12.jpg">
				</TD>
				<TD COLSPAN="3" valign="top" WIDTH="795" HEIGHT="428"
background="images/maintwo_13.jpg" BORDER="0">
					<iframe name="articolo" scrolling="no" frameborder="0"
allowTransparency="true" src="copertina.html"
style="width:'795';height:'420'" marginwidth="0" marginheight="0"></iframe>
				</TD>
				<TD WIDTH="13" HEIGHT="428" background="images/maintwo_14.jpg">
				</TD>
			</TR>
			<TR>
				<TD COLSPAN="5" WIDTH="829" HEIGHT="10" background="images/maintwo_15.jpg">
				</TD>
			</TR>
			<TR>
				<TD COLSPAN="8" WIDTH="988" HEIGHT="9" background="images/maintwo_16.jpg">
				</TD>
			</TR>
			<TR>
				<TD WIDTH="3" HEIGHT="1" background="images/space.gif">
				</TD>
				<TD WIDTH="151" HEIGHT="1" background="images/space.gif">
				</TD>
				<TD WIDTH="21" HEIGHT="1" background="images/space.gif">
				</TD>
				<TD WIDTH="551" HEIGHT="1" background="images/space.gif">
				</TD>
				<TD WIDTH="242" HEIGHT="1" background="images/space.gif">
				</TD>
				<TD WIDTH="2" HEIGHT="1" background="images/space.gif">
				</TD>
				<TD WIDTH="13" HEIGHT="1" background="images/space.gif">
				</TD>
				<TD WIDTH="5" HEIGHT="1" background="images/space.gif">
				</TD>
				<TD WIDTH="12" HEIGHT="1" background="images/space.gif">
				</TD>
				<TD WIDTH="4" HEIGHT="1" background="images/space.gif">
				</TD>
			</TR>
		</TABLE>
	</BODY>
</HTML>
Grazie di tutto ti prego di aiutarmi ti riassumo il problema 1024*768 si
vede benissimo (solo a tutto schermo) 800*600 si vede malissimo sia a tutto
schermo che no.
Se devo usare un foglio di stile mandamelo per email arigrazie
