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 Turistico"); mm_menu_0810132732_0.addMenuItem("Vsti Non 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 non 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 immigrant B"); mm_menu_0923133654_0_1.addMenuItem("Non immigrant O"); mm_menu_0923133654_0_1.addMenuItem("Non immigrant O (matrimonio)"); mm_menu_0923133654_0_1.addMenuItem("Non immigrant OA"); mm_menu_0923133654_0_1.addMenuItem("Non immigrant ED"); mm_menu_0923133654_0_1.addMenuItem("Non immigrant IB"); mm_menu_0923133654_0_1.addMenuItem("Non immigrant R"); mm_menu_0923133654_0_1.addMenuItem("Non immigrant 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 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> </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"> </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"> </td> </tr> </table></td> <td width="628" valign="top" bordercolor="#FFFFFF" bgcolor="#FFFFFF"> <p> </p> <table width="93%" height="81" border="1" align="center"> <tr> <td width="100%" align="right" valign="baseline" bordercolor="#999999"> </td> </tr> </table> <p align="center">Benvenuti su Vivipattaya , il sito tutto in italiano dedicato alla piu famosa e intrigante località balneare del sud-est asiatico.</p> <p align="center">Il nostro intento è 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 è chiamato Vivipattaya in quanto riteniamo che Pattaya vada vissuta al fine di poter apprezzare appieno tutto ciò che è in grado di offrire.</p> <div align="center"> <p> </p> <p> </p> <p> </p> <p> </p> <p><img src="untitled44.jpg" width="387" height="297" /> </p> </div> <p align="left"> </p> <p align="left"> </p> <p align="left"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p> </p></td> <td width="10" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <!--DWLayoutTable--> <tr> <td width="75" height="595"> </td> </tr> </table></td> <td width="178" align="center" valign="top" bgcolor="#E9E9E9"> <p> </p> <p>Forum</p> <p><img src="coral_01.jpg" width="176" height="126" /></p></td> </tr> </table> <p> </p> </body> </html>
|
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
|
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.
|
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
|
Rank: AiutAmico
Iscritto dal : 6/20/2008 Posts: 7,111
|
Corretto il link. Grazie Peron.
Ciao.
|
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.
|