come faccio a rendere compatibile delle pagine web con tutti i browser?
per esempio ho fatto delle pagine web su questa struttura :
però ad esempio su FireFox e Safari, non prende le istruzioni sulla style....e quindi è tutto diverso....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>
qualcuna sa aiutarmi??
![]()