Ho questo problema, sto scrivendo il codice con Fraise per Mac e per testare che tutto procedesse per il meglio utilizzavo l'opzione anteprima presente nel programma. Una volta testato, ho inserito il tutto a questo indirizzo: http://www.tanadellebirbe.altervista.org. Ora il problema è questo, quando vado sulla pagina con i browser, al posto della simulazione con Fraise, il menù è disposto a lato della pagina, completamente fuori dal corpo della pagina, e se seleziono i link, a volte torna nella posizione in cui dovrebbe stare ed altre ritorna fuori pagina. Non capisco il motivo. Ho notato che con alcuni browser tipo chrome la voce home scompare, mentre in safari è presente. Non so come uscirne.
- <body>
- <div id="wrapper">
- <div id="container">
- <div id="right">
- <!-- contenuto colonna destra -->
- <h1><img src="images/home.gif" alt="home" /></h1>
- <p>...
- </p>
- </div>
- <div id="left">
- <!-- start nav -->
- <ul id="nav">
- <li id="home"><a href="index.php" title="Home Page">home</a></li>
- <li id="gestione"><a href="gestione.php" title="Attività ">gestione</a></li>
- <li id="contatti"><a href="contatti.php" title="Dove Siamo e Recapiti">contatti</a></li>
- </ul>
- <!-- end nav -->
- </div>
- <div id="clearer"></div>
- </div>
- </div>
- /* Navigazione */
- ul#nav {list-style-type:none;margin:293px 0 0 264px;padding:0;}
- ul#nav li a {padding:0;margin:0;float:right;text-indent:-9999px;}
- li#home a, li#gestione a, li#contatti a {height:83px;}
- li#home a {width:200px;background:url('../images/nav/home.gif') no-repeat;}
- li#gestione a {width:216px;background:url('../images/nav/gestione.gif') no-repeat;}
- li#contatti a {width:216px;background:url('../images/nav/contatti.gif') no-repeat;}
- /* Hover Navigazione */
- li#home a:hover,li#home a:focus,li#gestione a:hover,li#gestione a:focus,li#contatti a:hover, li#contatti a focus {background-position:0px -83px;}
