Problemi di visualizzazione con Mozilla

**gluca74** · 14-04-2011, 13:07

BuonGiorno,
vi chiedo cortesemente aiuto con una piccola pagina web che ho creato. Con IE si vede perfettamente ma con Mozilla i caratteri sono differenti e brutti da vedere. Mi potreste aiutare??

codice:

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml"> 

<html>
<head>

<link href="style.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen">

<script type="text/javascript">
function stop() {
document.getElementById("sound").src = "";
}
</script>

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-21313180-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</head>

<body>
<body link="gold" vlink="gold">
<table width="776" border="0" align="center" cellpadding="0" cellspacing="0" background="images/IMG_7132_v2.JPG" style="background-position:right top; background-repeat:no-repeat ">
  <tr>
    <td height="144" valign="top">[img]images/logof5.jpg[/img]</td>
  </tr>
  <tr>
    <td height="28" valign="top"><table width="300" height="100%" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td height="4" valign="top" background="images/top_ln.gif">[img]images/spacer.gif[/img]</td>
          </tr>
          <tr>
            <td height="100%" valign="top" background="images/content3.gif"><table width="411" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="10" valign="top">[img]images/left.gif[/img]</td>
                  <td width="391" align="center" valign="top"><table width="369" border="0" cellspacing="0" cellpadding="0">
                 <tr>
                      <td height="45" valign="top" class="text_1" style="padding-top:14px ">[img]images/tit_20.gif[/img]</td>
                    </tr>


	<p align="center"> <font color="#E52B50" face="Georgia" size="5"> Sitio en Construcción</font>






                    <p align="center"> <font color="gold" face="Monotype Corsiva" size="6"> Katya Aguilera Joyas</font>


<p align="center"> <font color="gold" face="Monotype Corsiva" size="4"> Tel : (504) 9808 - 1400</font>



<p align="center"> <font color="gold" face="Monotype Corsiva" size="4">
Email : esempio@yoyoo.com  </font> </p>
                  </table></td>
   
                </tr>
            </table></td>
          </tr>
    <tr>
            <td height="4" valign="top" background="images/top_ln.gif">[img]images/spacer.gif[/img]</td>
          </tr>
    </table></td>
  </tr>
<tr>

</body>
</html>

**Prill** · 14-04-2011, 14:22

Ciao gluca74, copiando il tuo codice vedo i caratteri allo stesso modo sia con ie che Firefox, ma attenzione al codice che andrebbe corretto e anche ripulito (chiudi i tag img, br, mettili in minuscolo, inserisci un Doctype completo e via soprattutto quel tag font impostando il tutto via css)

**Vincent.Zeno** · 14-04-2011, 14:24

@gluca74,

per postare codice sei tenuto, come tutti, ad utilizzare il tag CODE
http://forum.html.it/forum/showthrea...hreadid=310046
grazie

mail editata per prevenzione botspammer

**gluca74** · 14-04-2011, 14:41

Grazie PRILL,
è possibile che abbia una versione vecchia di Mozilla e per questo motivo vedo i caratteri in modo differente?
Scusa Vincent, grazie per averlo fatto
Saluti

**Prill** · 14-04-2011, 15:25

non visualizzi il Monotype Corsiva e il Georgia o piuttosto vedi il testo di dimensioni diverse? l'attributo size del tag font è relativo alle dimensioni di default del carattere nel browser

Ti avevo suggerito di chiudere alcuni tag perché leggendo questa tua riga di codice <html xmlns="http://www.w3.org/1999/xhtml"> pensavo usassi xhtml, in realtà non è così, rimuovi la riga perché più in basso hai già il tag html (hai anche due tag body) e modifica il Doctype così:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

rimuovi tutti tag font. Per esempio questa riga (in cui manca la chiusura del paragrafo)

codice:

<p align="center"> <font color="#E52B50" face="Georgia" size="5"> Sitio en Construcción</font>

può diventare

codice:

<p class="nomeClasse"> Sitio en Construcción</p>>

e nel css avrai

codice:

.nomeClasse {
font-family:Georgia;
font-weight:bold;
font-size:24px; /*modifica secondo le tue esigenze*/
color:#E52B50;
text-align:center;
margin-bottom:25px;/*modifica secondo le tue esigenze*/
}

segui la stessa procedura per ripulire tutto, dicci poi se ancora hai problemi

**gluca74** · 14-04-2011, 15:47

Grazie per l'aiuto Prill,
ho effettuato le modifiche che tu mi hai dato ed in effetti è molto più ordinato ma il risultato non cambia. Sembra che la versione di Mozilla che ho mostra il carattere "Monotype Corsiva" in modo differente da IE.
Non so..

**Prill** · 14-04-2011, 15:54

mi sembra strano. Testi sullo stesso computer, sì? non sei magari su un altro pc che non ha il font installato? Che versione del browser è?
Scusa le tante domande, ma saperne di più potrebbe essere d'aiuto a chi potrà eventualmente darti una risposta (magari vedere uno screenshot dei due browser sarebbe pure utile)

**gluca74** · 14-04-2011, 16:02

Grazie Prill
si è lo stesso PC e la versione di Mozilla firefox è la 3.0.
Grazie ancora

Discussione: Problemi di visualizzazione con Mozilla

Strumenti discussione

Ricerca discussione

Visualizza

Problemi di visualizzazione con Mozilla

Permessi di invio