come faccio a rendere compatibile delle pagine web con tutti i browser?

**mvent** · 04-02-2006, 20:26

come faccio a rendere compatibile delle pagine web con tutti i browser?

per esempio ho fatto delle pagine web su questa struttura :

codice:

<html>
  <head>
    <style>
      body {background-color: "#EDF2FC"; background-image: url(imgmv1/nuv2.jpg); scrollbar-face-color: "#C8D6FB"; scrollbar-highlight-color: "#303030"; scrollbar-shadow-color: "#484848"; scrollbar-arrow-color: "#000000"; scrollbar-track-color: "#000000";}
      .dista {margin: "0px 0px 0px 0px";}
      td {border-style: "solid"; padding: "0"; border-color: "#8BA9E5"; border-right-width: "1px"; border-top-width: "1px"; border-left-width: "1px"; border-bottom-width: "1px";}
      .argome {background-color: "#EDF2FC"; border-color: "#5582D2"; border-right-width: "1px"; border-top-width: "1px"; border-left-width: "1px"; border-bottom-width: "1px"; padding:"0";}
      .attivo {background-color: "#FFFFFF";}
      a:hover {background-color: "#FFFFFF";}
    </style>
    <script language="JavaScript">
    function TiBarra() {
      window.status='www.stosito.it';
    }
    </script>
  </head>
  <body onload="TiBarra()" topmargin="2" bottommargin="0" leftmargin="2" rightmargin="0" link="#0000FF"; vlink="#5FC029"; alink="#0000FF";>
  <div><table border="0" cellspacing="0">
  <tr><td>[img]imgmv1/img0.gif[/img]</td></tr></table>
  </div><center><table border="0" cellspacing="10" class="dista">
   <tr><td class="argome" align="center" style="cursor:hand" onMouseOver="this.className='attivo'" onMouseOut="this.className='argome'">[img]imgmv1/img1.gif[/img]</td></tr>
   <tr><td class="argome" align="center" style="cursor:hand" onMouseOver="this.className='attivo'" onMouseOut="this.className='argome'">[img]imgmv1/img2.gif[/img]</td></tr>
   <tr><td class="argome" align="center" style="cursor:hand" onMouseOver="this.className='attivo'" onMouseOut="this.className='argome'">[img]imgmv1/img3.gif[/img]</td></tr>
   </table></center>
  </body>
</html>

però ad esempio su FireFox e Safari, non prende le istruzioni sulla style....e quindi è tutto diverso....

qualcuna sa aiutarmi??

**mvent** · 04-02-2006, 21:51

ho fatto varie ricerche su internet....
ho trovato che devo specificare la riga doctype....
ma ne ho provate un po e addirittura dopo non mi visualizza bene neanche su IE6...figuriamoci su firefox e safari!

eppure non mi pare di aver utilizzato tag rari...
su ie6 senza specificare doctype, me li ha sempre visualizzati correttamente i fogli di stile...

qualcuno sa come posso rendere quella pagina compatibile con firefox e safari?

**andrea.paiola** · 05-02-2006, 00:31

dovresti innanzitutto studiare gli standard web
http://www.w3.org
poi coi vari hacks sistemi per i vari browsers
tra l'altro IE è il browser col supporto peggiore: sviluppa per Firefox e poi "sistemi" per gli altri

**mvent** · 05-02-2006, 00:36

ho risolto in sostanza il problema, rendendo la pagina compatibile sia con IE6 sia con FireFox, in questo modo:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" lang="it">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <style TYPE="text/css">
body
{
background-color: #EDF2FC;
background-image: url(imgmv1/nuv2.jpg);
scrollbar-face-color: #C8D6FB;
scrollbar-highlight-color: #303030;
scrollbar-shadow-color: #484848;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #000000;
}
.dista
{
margin: 0px 0px 0px 0px;
}
td
{
border-style: solid;
padding: 0;
border-color: #8BA9E5;
border-right-width: 1px;
border-top-width: 1px;
border-left-width: 1px;
border-bottom-width: 1px;
}
.argome
{
background-color: #EDF2FC;
border-color: #5582D2;
border-right-width: 1px;
border-top-width: 1px;
border-left-width: 1px;
border-bottom-width: 1px;
padding: 0;
}
.attivo
{
background-color: #FFFFFF;
}
a:hover
{
background-color: #FFFFFF;
}
    </style>

tuttavia ho un problema nel far funzionare una istruzione in javascript:
window.status='stosito'

Discussione: come faccio a rendere compatibile delle pagine web con tutti i browser?

Strumenti discussione

Ricerca discussione

Visualizza

come faccio a rendere compatibile delle pagine web con tutti i browser?

Permessi di invio