Spostamento immagini da explorer ad un altro browser

**enr1** · 04-04-2012, 10:00

Ciao ragazzi ho un problema che mi affligge, ho una pagina web con sfondo ( uno schema di impianto idraulico) e sopra sono posizionate le varie immagini di pompe e segnalazioni.
Ora il problema che se lo apro con explorer il tutto si vede allineato bene, se lo apro con chrome o con firefox si sfalsa tutto quanto.
Come posso ovviare a questo problema?
Vi allego il file .html
Vi ringrazio

codice:

  
<html>

<head>
<meta http-equiv="Content-Language" content="it">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>centrale tecnologica</title>

<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript"SRC="../user/pagefunctions.js"></SCRIPT>

</head>
<link rel="shortcut icon" href="../img/favicon.ico">

<body bgcolor="#FFE8D2">

	<font size="1">

<div style="position: absolute; width: 1060px; height: 60px; z-index: 1; left: 155px; top: 10px" id="livello1" align="center">
	<table border="0" width="38%" id="table1">
		<tr>
			<td>
			<a href="../index.html">
			[img]../img/pulsanti/home.jpg[/img]</a></td>
			<td width="130">
			<a href="index.htm">
			[img]../img/pulsanti/cle%20tecn.jpg[/img]</a></td>
			<td width="124">
			<a href="config.htm">
			[img]../img/pulsanti/config.jpg[/img]</a></td>
			<td width="124">
			<a href="in_out.htm">
			[img]../img/pulsanti/in-out.jpg[/img]</a></td>
			<td width="83">
			<a href="timer.htm">
			[img]../img/pulsanti/timer.jpg[/img]</a></td>
			<td>
			<a href="alrm.htm">
			[img]../img/pulsanti/alr.jpg[/img]</a></td>
		</tr>	
	</table>
</div>	
	
<div style="position: absolute; width: 40px; height: 40px; z-index: 1; left: 10px; top: 75px; " id="livello3" align="center">
	<script>JSAssint('<%var(0,1,37)%>',"<IMG SRC=../img/Off40.gif>","<IMG SRC=../img/On40.gif>")</script>
	</div>
<div style="position: absolute; width: 40px; height: 40px; z-index: 1; left: 100px; top: 75px; " id="livello4" align="center">
	<script>JSAssint('<%var(0,1,39)%>',"<IMG SRC=../img/Bianco40.png>","<IMG SRC=../img/Inverno40.gif>")</script>
	</div>
<div style="position: absolute; width: 40px; height: 40px; z-index: 1; left: 55px; top: 75px; " id="livello5" align="center">
	<script>JSAssint('<%var(0,1,38)%>',"<IMG SRC=../img/Bianco40.png>","<IMG SRC=../img/Estate40.gif>")</script>
	</div>
<div style="position: absolute; width: 40px; height: 40px; z-index: 1; left: 145px; top: 75px; " id="livello6" align="center">
	<script>JSAssint('<%var(0,1,41)%>',"<IMG SRC=../img/Bianco40.png>","<IMG SRC=../img/Prg_Manutenzione40.gif>")</script>
	</div>
<div style="position: absolute; width: 40px; height: 40px; z-index: 1; left: 190px; top: 75px; " id="livello7" align="center">
	<script>JSAssint('<%var(0,1,40)%>',"<IMG SRC=../img/Bianco40.png>","<IMG SRC=../img/antigelo.gif>")</script>
	</div>
<div style="position: absolute; width: 40px; height: 40px; z-index: 1; left: 235px; top: 75px; " id="livello8" align="center">
	<script>JSAssint('<%var(0,1,100)%>',"<IMG SRC=../img/Bianco40.png>","<IMG SRC=../img/Prg_Allarme40.gif>")</script>
	</div>
	
<div style="position: absolute; width: 20px; height: 40px; z-index: 1; left: 178px; top: 248px" id="livello20" align="center">
	<script>JSAssint('<%var(0,1,11)%>',"<IMG SRC=../img/Bianco20.png>","<IMG SRC=../img/Allarme20.png>")</script>
	<script>JSAssint('<%var(0,1,12)%>',"<IMG SRC=../img/Bianco20.png>","<IMG SRC=../img/Allarme20.png>")</script>
	</div>
<div style="position: absolute; width: 20px; height: 40px; z-index: 1; left: 269px; top: 248px" id="livello21" align="center">
	<script>JSAssint('<%var(0,1,13)%>',"<IMG SRC=../img/Bianco20.png>","<IMG SRC=../img/Allarme20.png>")</script>
	<script>JSAssint('<%var(0,1,14)%>',"<IMG SRC=../img/Bianco20.png>","<IMG SRC=../img/Allarme20.png>")</script>
	</div>	
<div style="position: absolute; width: 16px; height: 16px; z-index: 1; left: 200px; top: 262px" id="livello22" align="center">
	<script>JSAssint('<%var(0,1,47)%>',"<IMG SRC=../img/off_pompa.gif>","<IMG SRC=../img/off_pompa.gif>")</script>
	</div>
<div style="position: absolute; width: 16px; height: 16px; z-index: 1; left: 250px; top: 263px" id="livello23" align="center">
	<script>JSAssint('<%var(0,1,47)%>',"<IMG SRC=../img/off_pompa.gif>","<IMG SRC=../img/on_pompa.gif>")</script>
	</div>
	

<div style="position: absolute; width: 48px; height: 12px; z-index: 1; left: 53px; top: 338px" id="livello24" align="center">
	<font face="Verdana" size="1">EV 1</font>
	</div>
<div style="position: absolute; width: 48px; height: 12px; z-index: 1; left: 53px; top: 352px" id="livello25" align="center">
	<font face="Verdana" size="1">C:<%var(0,3,111,-21768,32767)%>%</font>
	</div>
<div style="position: absolute; width: 48px; height: 12px; z-index: 1; left: 53px; top: 366px" id="livello26" align="center">
	<font face="Verdana" size="1">F:<%var(0,2,16,-21768,32767)%>%</font>
	</div>
<div style="position: absolute; width: 48px; height: 12px; z-index: 1; left: 153px; top: 378px" id="livello27" align="center">
	<font face="Verdana" size="1"><%var(0,2,11,-21768,32767)%>bar</font>
	</div>
<div style="position: absolute; width: 20px; height: 20px; z-index: 1; left: 481px; top: 349px" id="livello28" align="center">
	<script>JSAssint('<%var(0,1,2)%>',"<IMG SRC=../img/Bianco20.png>","<IMG SRC=../img/Allarme20.png>")</script>
	</div>
	
<div style="position: absolute; width: 20px; height: 20px; z-index: 1; left: 447px; top: 393px; " id="livello29" align="center">
	<script>JSAssint('<%var(0,1,3)%>',"<IMG SRC=../img/Bianco20.png>","<IMG SRC=../img/Allarme20.png>")</script>
	</div>	
		
<div style="position: absolute; width: 45px; height: 22px; z-index: 1; left: 469px; top: 414px; " id="livello30" align="center">
	<font face="Verdana" size="1"><%var(0,2,2,-21768,32767)%>°C</font>
	</div>
		
<div style="position: absolute; width: 30px; height: 30px; z-index: 1; left: 128px; top: 569px" id="livello35" align="center">
	<script>JSAssint('<%var(0,1,43)%>',"<IMG SRC=../img/Bianco20.png>","<IMG SRC=../img/Allarme30.png>")</script>
	</div>
<div style="position: absolute; width: 35px; height: 35px; z-index: 1; left: 104px; top: 532px" id="livello36" align="center">
	<script>JSAssint('<%var(0,1,45)%>',"<IMG SRC=../img/Bianco35.png>","<IMG SRC=../img/Heat35.png>")</script>
	</div>
<div style="position: absolute; width: 35px; height: 35px; z-index: 1; left: 148px; top: 532px; " id="livello37" align="center">
	<script>JSAssint('<%var(0,1,46)%>',"<IMG SRC=../img/Bianco35.png>","<IMG SRC=../img/Acs35.png>")</script>
	</div>
	
	
	
<div style="position: absolute; width: 48px; height: 12px; z-index: 1; left: 553px; top: 410px" id="livello34" align="center">
	<font face="Verdana" size="1">EV 2</font>
	</div>	
<div style="position: absolute; width: 48px; height: 12px; z-index: 1; left: 553px; top: 424px" id="livello38" align="center">
	<font face="Verdana" size="1">C:<%var(0,3,116,-21768,32767)%>%</font>
	</div>
<div style="position: absolute; width: 48px; height: 12px; z-index: 1; left: 553px; top: 438px" id="livello39" align="center">
	<font face="Verdana" size="1">F:<%var(0,2,17,-21768,32767)%>%</font>
	</div>
<div style="position: absolute; width: 16px; height: 16px; z-index: 1; left: 655px; top: 339px" id="livello44" align="center">
	<script>JSAssint('<%var(0,1,51)%>',"<IMG SRC=../img/off_pompa.gif>","<IMG SRC=../img/on_pompa.gif>")</script>
	</div>
	
<div style="position: absolute; width: 20px; height: 20px; z-index: 1; left: 676px; top: 335px" id="livello45" align="center">
	<script>JSAssint('<%var(0,1,21)%>',"<IMG SRC=../img/Bianco20.png>","<IMG SRC=../img/Allarme20.png>")</script>
	</div>
	
<div style="position: absolute; width: 106px; height: 36px; z-index: 1; left: 702px; top: 335px" id="livello46" align="center">
	<font size="1">
	<font face="Verdana">Rich. caldo:</font>
	<font face="Verdana"><%var(0,3,134,-21768,32767)%>%

	<font face="Verdana">Rich. freddo:</font>
    <font face="Verdana"><%var(0,3,137,-21768,32767)%>%

    <font face="Verdana">Cod. allarme:</font>
    <font face="Verdana"><%var(0,3,141,-21768,32767)%> 

	</div>

<div style="position: absolute; width: 30px; height: 30px; z-index: 1; left: 807px; top: 258px" id="livello47" align="center">
	<script>JSAssint('<%var(0,1,42)%>',"<IMG SRC=../img/Bianco20.png>","<IMG SRC=../img/Allarme30.png>")</script>
	</div>
	
<div style="position: absolute; width: 40px; height: 40px; z-index: 1; left: 693px; top: 270px" id="livello48" align="center">
	<script>JSAssint('<%var(0,1,51)%>',"<IMG SRC=../img/Ventilatore_off.gif>","<IMG SRC=../img/Ventilatore40.gif>")</script>
	</div>	
	
<div style="position: absolute; width: 40px; height: 40px; z-index: 1; left: 751px; top: 270px" id="livello49" align="center">
	<script>JSAssint('<%var(0,1,51)%>',"<IMG SRC=../img/Ventilatore_off.gif>","<IMG SRC=../img/Ventilatore40.gif>")</script>
	</div>		
	
	
<div style="position: absolute; width: 16px; height: 16px; z-index: 1; left: 852px; top: 337px" id="livello50" align="center">
	<script>JSAssint('<%var(0,1,49)%>',"<IMG SRC=../img/off_pompa.gif>","<IMG SRC=../img/on_pompa.gif>")</script>
	</div>
<div style="position: absolute; width: 20px; height: 20px; z-index: 1; left: 828px; top: 333px" id="livello51" align="center">
	<script>JSAssint('<%var(0,1,22)%>',"<IMG SRC=../img/Bianco20.png>","<IMG SRC=../img/Allarme20.png>")</script>
	</div>
<div style="position: absolute; width: 114px; height: 36px; z-index: 1; left: 888px; top: 238px" id="livello52" align="center">
	<font size="1">
	<font face="Verdana">Temp. scambiatore</font>
	<font face="Verdana"><%var(0,2,6,-21768,32767)%>°C</font></font>
	</div>
<div style="position: absolute; width: 23px; height: 19px; z-index: 1; left: 736px; top: 457px" id="livello53" align="center">
	<script>JSAssint('<%var(0,1,5)%>',"<IMG SRC=../img/Bianco20.png>","<IMG SRC=../img/Allarme20.png>")</script>
	</div>
<div style="position: absolute; width: 48px; height: 22px; z-index: 1; left: 726px; top: 540px; " id="livello54" align="center">
	<font face="Verdana" size="1"><%var(0,2,8,-21768,32767)%>°C</font></div>

<div style="position: absolute; width: 48px; height: 12px; z-index: 1; left: 799px; top: 475px" id="livello55" align="center">
	<font face="Verdana" size="1"><%var(0,2,12,-21768,32767)%>bar</font>
	</div>

<div style="position: absolute; width: 23px; height: 19px; z-index: 1; left: 1024px; top: 457px" id="livello56" align="center">
	<script>JSAssint('<%var(0,1,4)%>',"<IMG SRC=../img/Bianco20.png>","<IMG SRC=../img/Allarme20.png>")</script>
	</div>
<div style="position: absolute; width: 48px; height: 22px; z-index: 1; left: 1017px; top: 540px; " id="livello57" align="center">
	<font face="Verdana" size="1"><%var(0,2,7,-21768,32767)%>°C</font></div>

<div style="position: absolute; width: 16px; height: 16px; z-index: 1; left: 1195px; top: 479px" id="livello58" align="center">
	<script>JSAssint('<%var(0,1,50)%>',"<IMG SRC=../img/off_pompa.gif>","<IMG SRC=../img/on_pompa.gif>")</script>
	</div>
<div style="position: absolute; width: 20px; height: 20px; z-index: 1; left: 1215px; top: 478px" id="livello59" align="center">
	<script>JSAssint('<%var(0,1,19)%>',"<IMG SRC=../img/Bianco20.png>","<IMG SRC=../img/Allarme20.png>")</script>
	</div>


<div style="position: absolute; width: 170px; height: 20px; z-index: 1; left: 1009px; top: 148px" id="livello61" align="center">
	<font size="1">
	<p align="left">
	<font face="Verdana">Temp. acqua calda</font>
	<font face="Verdana"><%var(0,2,9,-21768,32767)%>°C</font></div>
<div style="position: absolute; width: 170px; height: 20px; z-index: 1; left: 1010px; top: 124px" id="livello62" align="center">
	<p align="left">
	<font size="1">
	<font face="Verdana">Temp. ricircolo</font>
	<font face="Verdana"><%var(0,2,10,-21768,32767)%>°C</font></div>




</p>


</p>


</p>




[img]../img/centrale_termica.png[/img]</p>

<META HTTP-EQUIV="Refresh" CONTENT="30; url=index.htm">
</body>
</html>

**ispuk** · 19-04-2012, 15:49

per farti aiutare almeglio ti consiglio prima di tutto di scrivere l'html in maniera corretta, magari utilizzando un DOCTYPE specifico e di spostare tuttolo stile css su un file css, cosi diventa impossibile per chi ti vuole aiutare mettersi li e rifare tutto.

**ispuk** · 19-04-2012, 15:50

per farti aiutare almeglio ti consiglio prima di tutto di scrivere l'html in maniera corretta, magari utilizzando un DOCTYPE specifico , di spostare tuttolo stile css su un file css separato e di mettere i meta tags tutti nella<head> della pagina, non scrivere i tag in uppercase (<META> diventa <meta>), cosi diventa impossibile per chi ti vuole aiutare mettersi li e rifare tutto.

Discussione: Spostamento immagini da explorer ad un altro browser

Strumenti discussione

Ricerca discussione

Visualizza

Spostamento immagini da explorer ad un altro browser

Permessi di invio