Benvenuto Ospite Cerca | Topic Attivi | Utenti | | Log In | Registra

Compatibilità su browser diversi Opzioni
Fleccer
Inviato: Thursday, September 30, 2010 8:25:46 AM
Rank: AiutAmico

Iscritto dal : 5/19/2005
Posts: 566
Ciao a tutti .Sto realizzando un sito con Dreamweaver, il problema è che se lo visualizzo su Explorer risulta perfetto , ma se lo vado a visualizzare ad esempio su Firefox l'impaginazione risulta leggermente sballata.
Ovvero l'immagine gif posta in alto e la tabella posta sotto di essa, non risultano perfettamente collimate, sia tra di loro che con il resto della pagina. Si tratta di un inezia, ma di quel tanto che basta per dare un risultato estetico sgradevole.
La pagina è realizzata in Xhtml,vorrei sapere se esiste una stringa di codice che permetta di adattare la pagina non dico a tutti ,ma almeno ai browser piu utilizzati ,nonchè a tutte le risoluzioni.
Ad ogni modo posto l'intero codice di cui è costituita la pagina.
Grazie a tutti.

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@LANGUAGE="JAVASCRIPT" CODEPAGE="1252"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script language="JavaScript" type="text/JavaScript"
>
<!--



function mmLoadMenus() {
if (window.mm_menu_0810132732_0) return;
window.mm_menu_0810132732_0 = new Menu("root",143,18,"",12,"#FFFFFF","#000000","#FF9900","#CCCCCC","left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
mm_menu_0810132732_0.addMenuItem("Visto&nbsp;Turistico");
mm_menu_0810132732_0.addMenuItem("Vsti&nbsp;Non&nbsp;Immigrant");
mm_menu_0810132732_0.hideOnMouseOut=true;
mm_menu_0810132732_0.bgColor='#CCFFCC';
mm_menu_0810132732_0.menuBorder=0;
mm_menu_0810132732_0.menuLiteBgColor='#FFFF33';
mm_menu_0810132732_0.menuBorderBgColor='#FF3399';



window.mm_menu_0923133654_0_1 = new Menu("Visti&nbsp;non&nbsp;immigrant",180,19,"",13,"#000000","#333300","#DDDDDD","#FFFF00","center","middle",3,1,1000,-5,7,true,true,true,0,false,true);
mm_menu_0923133654_0_1.addMenuItem("Non&nbsp;immigrant&nbsp;B");
mm_menu_0923133654_0_1.addMenuItem("Non&nbsp;immigrant&nbsp;O");
mm_menu_0923133654_0_1.addMenuItem("Non&nbsp;immigrant&nbsp;O&nbsp;(matrimonio)");
mm_menu_0923133654_0_1.addMenuItem("Non&nbsp;immigrant&nbsp;OA");
mm_menu_0923133654_0_1.addMenuItem("Non&nbsp;immigrant&nbsp;ED");
mm_menu_0923133654_0_1.addMenuItem("Non&nbsp;immigrant&nbsp;IB");
mm_menu_0923133654_0_1.addMenuItem("Non&nbsp;immigrant&nbsp;R");
mm_menu_0923133654_0_1.addMenuItem("Non&nbsp;immigrant&nbsp;RS");
mm_menu_0923133654_0_1.hideOnMouseOut=true;
mm_menu_0923133654_0_1.bgColor='#FFCC00';
mm_menu_0923133654_0_1.menuBorder=1;
mm_menu_0923133654_0_1.menuLiteBgColor='#FFFFFF';
mm_menu_0923133654_0_1.menuBorderBgColor='#FFCC00';
window.mm_menu_0923133654_0 = new Menu("root",180,19,"",13,"#000000","#333300","#DDDDDD","#FFFF00","center","middle",3,1,1000,-5,7,true,true,true,0,false,true);
mm_menu_0923133654_0.addMenuItem("Visto&nbsp;turistico");
mm_menu_0923133654_0.addMenuItem(mm_menu_0923133654_0_1);
mm_menu_0923133654_0.hideOnMouseOut=true;
mm_menu_0923133654_0.childMenuIcon="arrows.gif";
mm_menu_0923133654_0.bgColor='#FFCC00';
mm_menu_0923133654_0.menuBorder=1;
mm_menu_0923133654_0.menuLiteBgColor='#FFFFFF';
mm_menu_0923133654_0.menuBorderBgColor='#FFCC00';

mm_menu_0923133654_0.writeMenus();
} // mmLoadMenus()<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

//-->
//-->
</script>
<script language="JavaScript" src="mm_menu.js"></script>
</head>
<STYLE>
A {color: black; text-decoration: none;}
</STYLE>
<body>
<script language="JavaScript1.2">mmLoadMenus();</script>
<table width="978" border="0" align="center" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="978" bordercolor="#FFFF66"><img src="Copy-of-IMG004555000005ulti.gif" width="977" height="120" border="1" /></td>
</tr>
</table>
<table width="979" border="1" cellpadding="0" cellspacing="0" bordercolor="#FFFF00">
<!--DWLayoutTable-->
<tr>
<td width="968" height="21" bordercolor="#FF0000" bgcolor="#CCCCFF">
<div align="left"><font color="#CCCCFF">--------</font>Pattaya<font color="#CCCCFF">ffiif----------</font>Tours<font color="#CCCCFF">ffif-----
-----.</font><font color="#FFFFFF">.</font>Sports e divertimenti<font color="#CCCCFF">ffi---------</font><font color="#FFFFFF">...</font>Dove
soggiornare<font color="#CCCCFF">ffiii----------</font>Dove mangiare <font color="#CCCCFF">iiii
-----------</font>Vita notturna</div></td>
</tr>
</table>
<table width="978" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="164" height="595" valign="top" bgcolor="#E9E9E9">
<p>&nbsp;</p>
<p align="center"><img src="bt0_0.gif" width="150" height="36" /></p>
<div align="center">
<hr />
<div align="left"><a href="#" name="link2" id="link1" onmouseover="MM_showMenu(window.mm_menu_0923133654_0,160,0,null,'link2')" onmouseout="MM_startTimeout();">-Visti
ed estensioni</a></div>
<hr align="left" />
<div align="left">- Lavoro e business </div>
<hr />
<div align="left">- Overstay </div>
<hr />
<div align="left">- Residenza </div>
<div align="left"> </div>
<hr />
<div align="left">- Cittadinanza </div>
<hr />
<p align="left">&nbsp;</p>
</div></td>
<td width="7" valign="top"><table width="7%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="10" height="595" bordercolor="#000000">&nbsp;</td>
</tr>
</table></td>
<td width="628" valign="top" bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<p>&nbsp;</p>
<table width="93%" height="81" border="1" align="center">
<tr>
<td width="100%" align="right" valign="baseline" bordercolor="#999999">&nbsp;</td>
</tr>
</table>
<p align="center">Benvenuti su Vivipattaya , il sito tutto in italiano dedicato
alla piu famosa e intrigante localit&agrave; balneare del sud-est asiatico.</p>
<p align="center">Il nostro intento &egrave; quello di farvi conoscere e
questo luogo fornrndovi informazioni utili su come arrivarci e sopratutto
su come viverla.</p>
<p align="center">Infatti non a caso questo spazio &egrave; chiamato Vivipattaya
in quanto riteniamo che Pattaya vada vissuta al fine di poter apprezzare
appieno tutto ci&ograve; che &egrave; in grado di offrire.</p>
<div align="center">
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><img src="untitled44.jpg" width="387" height="297" /> </p>
</div>
<p align="left">&nbsp; </p>
<p align="left">&nbsp;</p>
<p align="left">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p>&nbsp;</p></td>
<td width="10" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="75" height="595">&nbsp;</td>
</tr>
</table></td>
<td width="178" align="center" valign="top" bgcolor="#E9E9E9">
<p>&nbsp;</p>
<p>Forum</p>
<p><img src="coral_01.jpg" width="176" height="126" /></p></td>
</tr>
</table>
<p>&nbsp;</p>
</body>
</html>
Sponsor
Inviato: Thursday, September 30, 2010 8:25:46 AM

 
a.roselli
Inviato: Thursday, September 30, 2010 9:47:56 AM

Rank: Admin

Iscritto dal : 10/4/2000
Posts: 19,056
Purtroppo è una guerra persa in partenza, ogni browser interpreta il codice HTML a modo suo, vediamo ad esempio aiutamici con i tre browser più utilizzati, come vedi IE tra un riquadro e l'altro lascia più spazio alle tabelle, lo abbiamo dovuto impostare cosi perché in Firefox si sarebbero accavallate, inoltre in firefox il contenuto esce fuori dalla tabella mentre in IE resta all'inrterno, opera invece mostra dei riquadri intorno alle tabelle

devi essere tu a correggere il tiro per quanto sia possibile, allargare una tabella, inserire qualche spazio, ecc.



alfonso_aiutamici@hotmail.it

Fleccer
Inviato: Thursday, September 30, 2010 7:04:46 PM
Rank: AiutAmico

Iscritto dal : 5/19/2005
Posts: 566
Va beh, allora vorrà dire che metterò un avviso in cui si dice che questo sito è ottimizzato per IE.
Ma almeno per quanto riguarda la risoluzione si può far qualcosa? Io l'ho costruito per una risoluzione di 1024x768. Ma se lo vado a testare su risoluzioni superiori anche quì mi viene sballato. L'immagine gif posta in alto rimane sempre ben centrata quindi al suo posto , però tutto il resto della pagina è spostato a sinistra .
Tempo fa avevo trovato un sito dove si parlava di una stringa da inserire nel codice html, solo che non riesco piu a trovarlo.
Almeno questo problema dovrei risolverlo altrimenti sono guai, visto che non posso chiedere al visitatore di adattarsi alla caratteristiche al mio sito, casomai dovrebbe essere il contrario.
a.roselli
Inviato: Thursday, September 30, 2010 7:14:48 PM

Rank: Admin

Iscritto dal : 10/4/2000
Posts: 19,056
Per la risoluzione, vedi sempre come impostato aiutamici,

devi creare una tabella con le dimensioni di 1004 pixel di larghezza, 20 pixel se li ruba la barra di scorrimento verticale

imposta la tabella in modo centrale, e dentro questa tabella inserisci il tuo sito attuale,

con qualsiasi risoluzione lo apri mostrerà sempre le dimensioni impostate, cambierà solo lo spazio ai lati. Io ad esempiop utilizzo la risoluzione 1280x800 e aiutamici mi si vede cosi



alfonso_aiutamici@hotmail.it

ecofive
Inviato: Thursday, September 30, 2010 7:33:07 PM

Rank: AiutAmico

Iscritto dal : 6/20/2008
Posts: 7,111
La soluzione indicata da Alfonso è quella più sicura.
Prova a vedere anche qui:
http://forum.mrwebmaster.it/html-xhtml-css/9224-adattare-pagina-web-tutte-risoluzioni.html
Non sempre però con i CSS risolvi i problemi.

Ciao.
peronblack
Inviato: Thursday, September 30, 2010 10:59:13 PM

Rank: AiutAmico

Iscritto dal : 11/3/2008
Posts: 915
ecofive
Inviato: Thursday, September 30, 2010 11:10:39 PM

Rank: AiutAmico

Iscritto dal : 6/20/2008
Posts: 7,111
Corretto il link. Grazie Peron.

Ciao.
Fleccer
Inviato: Friday, October 01, 2010 10:01:37 AM
Rank: AiutAmico

Iscritto dal : 5/19/2005
Posts: 566
Problema risolto , grazie alla tabella suggerita da ecofive. Non solo; ma mi ha risolto pure il problema relativo alla visualizzazione su altri browser. Ora risulta perfetto sia su Explorer che su Fireworks.
Comunque grazie a tutti.
Utenti presenti in questo topic
Guest


Salta al Forum
Aggiunta nuovi Topic disabilitata in questo forum.
Risposte disabilitate in questo forum.
Eliminazione tuoi Post disabilitata in questo forum.
Modifica dei tuoi post disabilitata in questo forum.
Creazione Sondaggi disabilitata in questo forum.
Voto ai sondaggi disabilitato in questo forum.

Main Forum RSS : RSS

Aiutamici Theme
Powered by Yet Another Forum.net versione 1.9.1.8 (NET v2.0) - 3/29/2008
Copyright © 2003-2008 Yet Another Forum.net. All rights reserved.