problema di visualizzazione solo con firefox AIUTO!

Ah, un'altra cosa (anche se non è gravissimo)... quando usi XHTML è obbligatorio scrivere sempre tutto in minuscolo (tranne la linea di DOCTYPE)... ho notato infatti che hai scritto LINK REL in maiuscolo... cambialo in minuscolo... potrebbe dare problemi su futuri browser.
 
vedendo la preview del css forse il problema non sono i div perchè li sono messi così com'erano e firefox non fa i capricci ufffffff
 
vedendo la preview del css forse il problema non sono i div perchè li sono messi così com'erano e firefox non fa i capricci ufffffff

Allora faccio una cosa per non perdere ore dietro questo problema, se mi dai il permesso: te lo riscrivo tutto dall'inizio, basandomi sul tuo. (Così, già che ci sono, ti inserisco un logo che avevo disegnato insieme ad altri sul tema calcistico). Te lo spedirò appena avrò finito: domani o dopodomani al massimo.
 
Aiutooooooooooooooooooooooooooooooooooo

Ho un problema molto serio , da risolvere velocemente ....se possibile .
Il sito che ho appena creato www.manuelsoprano.com ha delle grosse difficolta' per la visione in Firefox e in Opera e in IE 7.00 . Come posso risolvere questo grosso inghippooooooo.....??????????? Chiedo aiuto in quanto vedo che alti hanno avuto le stese proplematiche .

grazie :byebye:
 
AIUTOOOOOO n. 2

Puoi controllarmi questo codice della pagina index.htm del sito www.manuelsoprano.com
grazie
ciao Maria Laura




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<HEAD><TITLE>IE Margin Fix: Examples</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1"><LINK
href="IE Margin Fix Examples_file/marginfix-examples.css" type=text/css
rel=stylesheet><LINK href="IE Margin Fix Examples_file/marginfix-styles.css"
type=text/css rel=stylesheet>
<SCRIPT src="IE Margin Fix Examples_file/IEmarginFix.js"
type=text/javascript></SCRIPT>

<META content="MSHTML 6.00.2900.2180" name=GENERATOR></HEAD>




<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<title>Manuel Mensa' soprano drammatico</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

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


<body>
</body>
<font size="1" color="#C0C0C0">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
Sito ottimizzato per Internet Explorer 6.0 su Windows. <b>Risoluzione minima
1024x768</b></font><font color="#C0C0C0"><body>
</body>
</font><b><span style="font-size: 7.5pt; font-family: Verdana,sans-serif; color: #C0C0C0">
- </span><span style="font-size: 7.5pt; font-family: Verdana,sans-serif; ">
<font color="#C0C0C0">Copyright by</font></span></b><span style="font-size: 7.5pt; font-family: Verdana,sans-serif; color: #C0C0C0">
</span><span style="font-size: 7.5pt; font-family: Verdana,sans-serif">
<font color="#C0C0C0">2005/2008 </font><b><font color="#C0C0C0">Manuel Mensà</font></b></span><span style="font-size: 8.0pt; font-family: Verdana,sans-serif; color: #C0C0C0">
- </span>
<span style="font-size: 7.5pt; font-family: Verdana,sans-serif; color: #C0C0C0">
Tutti i diritti riservati Legge 13/12/1996 n.675</span><body><div id="main">
<div id="menu" style="width: 894; height: 66">
<ul>
<li>
<div id="logo"><h1><font color="#C0C0C0" face="Century Gothic">MANUEL MENSà<font size="4"> soprano drammatico</font></font></h1></div>
<div id="menu0" style="width: 894; height: 66">
<ul>
<li><a href="index.html">Home</a></li>

<li><a href="COURRICULUM%20VITAE.html">Curriculum Vitae</a></li>
<li><a href="images/mywebalbum/index.html">Photo Book</a></li>
<li><a href="RASSEGNA%20STAMPA.html">Rassegna Stampa</a></li>
<li><a href="CHICAGO%20MUSICAL.html">Chicago Musical</a></li>
<li><a href="SHOW.html">Show</a></li>
<li><a href="MASTER%20CLASS.html">Master Class</a></li>
<li><a href="ATELIER%20MODARTE.html">Atelier ModArte</a></li>
<li><a href="PATNERS.html">Partners </a></li>
<li><a href="CONTATTI.html">Contatti</a></li>


<li><a href="index.html">
<font color="#808080">
<img border="0" src="images/flagita.gif" width="23" height="13"> Italiano</font></a></li>
<li><a href="ENGLISH.html">
<img border="0" src="images/flageng.gif" width="23" height="13"> English</a></li>
<li><a href="ASSOCIAZIONE%20CULTURALE.html">Ass.Cult.LNPS</a></li>
<li><a href="MP3.html">Mp3</a></li>
</ul>
</div>
&nbsp;</li>
</ul>

</div>
<div id="site_content">
<div id="first_column">
<div class="disignBoxFirst">
<div class="boxContent">
<div class="thumb_block">
<div class="thumb_image" style="width: 245px; height: 44px">
<img border="0" src="DSC06275%20copia.jpg" width="300" height="399"><p>&nbsp;</div>
</div>


</div>
</div>


</div>
<div id="content" style="width: 464px; height: 378px">
<div class="disignBoxSecond">
<div class="boxContent">


<p class="MsoNormal" style="text-align: justify; line-height: 150%; margin-left: 40px; margin-right: 50px">
&nbsp;</p>
<p class="MsoNormal" style="text-align: justify; line-height: 150%; margin-left: 40px; margin-right: 50px">
<font face="Arial" color="#ffffff" size="2">&quot;… Così come il
famoso Farinelli cantava per guarire la malinconia di Filippo V,
Re di Spagna, così come Mozart, innamoratosi del Sopranista
Venanzio Rauzzini, ha scritto l'Exultate Jubilate, così come
Rossini identificava nei Sopranisti l’arte del belcanto, quel
canto che commuoveva Napoleone sino alle lacrime, allo stesso
modo, con quelle qualità degli angeli che Giacomo Casanova
riconosceva ai Sopranisti, Manuel Mensà, l'unico Soprano maschile
in Europa, con la sua intensità musicale ed interpretativa, dona
emozioni, gioia, commozione a quanti hanno la fortuna di sentirlo
cantare, vederlo interpretare, con piena partecipazione di anima e
corpo, la musica, come arte che nobilita, eleva lo spirito. La sua
è una voce che ha lontane e profonde radici nella storia della
civiltà ma è proiettata nel terzo millennio …&quot;<O:P>
</O:P>
</font></p>
<p class="MsoNormal" style="text-align: right; line-height: 150%; margin-left: 40px; margin-right: 50px" align="right">
<font face="Arial" color="#ffffff" size="1">Roberto Armenia<O:P>
</O:P>
</font></p>
<P>
&nbsp;</P>
&nbsp;</div>
</div>
</div>

</div>
<div id="footer">
<div id="copy_r">
<div id="copy_r" style="width: 896; height: 54">
<script type="text/javascript" language="JavaScript" SRC="http://codice.shinystat.it/cgi-bin/getcod.cgi?USER=manuelsoprano"></script><noscript></noscript></div>
<embed src="NessundormaTAGLIO.wma" width="185" height="25" autostart="False" loop="True"></embed>
<font color="#C0C0C0">
<noembed>Il tuo browser non supporta il tag embed per questo motivo che non senti alcuna musica</noembed>
For sound <b>click</b> on play</font><p>
<span style="font-size: 8.0pt; font-family: Verdana,sans-serif">
<font color="#C0C0C0">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Designed by </font></span>
<span style="font-size: 8.0pt; font-family: Verdana,sans-serif; color: black">
<b>
<a style="color: #006699; text-decoration: none; text-underline: none; text-line-through: none" href="mailto:[email protected]">
<span style="font-size: 7.5pt; color: #C0C0C0">WEBMLA</span></a></b></span><b><span style="font-size: 7.5pt; font-family: Verdana,sans-serif; color: #C0C0C0"> </span></b>&nbsp;<head><title>Manuel Mensa' soprano drammatico</title><meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /><!-- **** layout stylesheet **** --><link rel="stylesheet" type="text/css" href="style/style.css" /></head><font color="#E6E8DC"><b>-&nbsp;
</b></font><b>
<font color="#C0C0C0" face="Arial"><span style="font-size: 8pt">OFFICIAL WEB
SITE </span></font>
</b><span style="font-size: 8pt">
<body>
</body>
</span></p>
<p>&nbsp;<p style="margin:0 30; " align="justify">
&nbsp;<p style="margin:0 30; " align="justify">

<!-- Please do not remove this part. this template is free - the only thing we ask is to live a link to us.-->
<p>&nbsp;</div>
</div>
</div>
</body>
</html>
 
Ciao. Quando sono presenti troncamenti di una parte della pagina web oppure parti che si spostano in modo apparentemente casuale, rispetto alla posizione originariamente desiderata, molto spesso è colpa di un errore di distrazione nel file CSS o di una incompatibilità dei browser ad alcuni dei comandi utilizzati. Internet Explorer supporta solo alcune versioni del CSS e non rispetta correttamente gli standard imposti per il dato linguaggio (esistono le versioni CSS 1, 2, 2.1 e 3), ciò vale anche per gli altri web browser, anche se in misura molto inferiore. Capita molto spesso, infatti, che un sito ideato seguendo la visualizzazione fornita da un determinato web browser possa generare errori imprevisti in altri web browser (come in questo caso); per creare un sito supportano da tutti i web browser esistenti è necessario caricare sul proprio PC più web browser possibili e di differenti versioni (Internet Explorer 6 e 7, Mozilla Firefox 2 e 3, Opera 8 e 9, Apple Safari 3 e Google Crome) e generare la pagina seguendo passo passo la visualizzazione su tutti i web browser. Per seguire le proprie linee di sviluppo e per questioni economiche, le aziende ideatrici dei web browser adattano i linguaggi web alle proprie esigenze, non rispettando gli standard W3C e mettendo in difficoltà i web master.

Controllerò il file: quando troverò l'errore te lo farò sapere. Comunque qua inserisco la mia mail e il contatto msn: [email protected]
Se avrò tempo riscriverò il sito in una forma più corretta e utilizzando un codice sintetico.

Devi scusarmi per la prolissità, ma ci tengo a far capire quali siano i problemi più frequenti nello sviluppo di un sito web. Se hai pazienza, ti prego di leggere quanto di seguito ho scritto:

Come primo impatto, il codice della pagina che hai postato, senza offesa, mi sembra poco ottimizzato. Molto probabilmente la pagina non è stata creata a mano, lettera per lettera, ma avrai avuto il supporto di qualche editor visuale HTML/XHTML. Il difetto delle pagine web create con editor visuali è sostanzialmente il minor controllo sul codice scritto e l'aggiunta di parti che non sarebbero strettamente necessarie, con il conseguente aumento ingiustificato delle dimensioni della pagina. Il mio consiglio è quello di scrivere una pagina web a mano, con il semplice Blocco Note di Windows. Prima di cominciare a scrivere un sito, bisognerebbe documentarsi bene sul linguaggio che si vuole utilizzare. Nella testata della pagina che hai postato, vedo che il linguaggio che "volevi" utilizzare era XHTML versione 1.1. L'XHTML è un linguaggio diverso dall'HTML, anche se molto simile. Prima di cominciare a scrivere in XHTML bisognerebbe documentarsi sul sito dell'organismo che ha ideato il linguaggio e che ne definisce gli standard: il W3C (World Wide Web Consortium - http://www.w3c.org).

Il linguaggio XHTML è stato ideato per bloccare la confusione che si era generata su Internet, con la diffusione di siti web HTML scritti male, poco ordinati e senza aver un impostazione definita per la formattazione del testo e delle immagini. L'XHTML abbandona il supporto agli elementi per la formattazione del testo (Ad esempio, <font> e <table>) per lasciare un codice della pagina strutturato e facilmente rilevabile dai motori di ricerca come Google. La formattazione della pagina web è stata quindi affidata ad un altro linguaggio: il CSS. I web browser come Internet Explorer, Opera, Firefox e altri, invece, ostacolano la diffusione dell'XHTML interpretando anche le pagine che in teoria dovrebbero essere bloccate perché scritte male: questo perché sono consapevoli che la maggior parte degli utenti non vorrà al 90% perder tempo a seguire le specifiche del linguaggio --> quindi si avrebbe un calo del numero dei siti realizzati quotidianamente --> quindi molti meno introiti alle aziende che producono web browser. Chi sarebbe mai l'azienda "pazza" che permetterebbe l'XHTML? Nessuna... ecco il motivo delle differenze tra i web browser: adesso i browser interpretano una specie di pseudo-XHTML-HTMLizzato... (questa espressione è un mio neologismo per indicare la confusione che si è generata nel supporto dei linguaggi web). L'unica soluzione è quella di scrivere un sito seguendo da principio, alla lettera, lo standard del linguaggio e la verifica passo-passo, della visualizzazione dei vari browser della stessa pagina.


Gli elementi <font> e in genere tutti gli elementi di formattazione del testo o le tabelle <table> dovrebbero essere abbandonati a favore della formattazione CSS. Nel tuo caso è inutile passare al web browser una pagina scritta addirittura con un intestazione XHTML 1.1 (che, se proprio vogliamo dirla tutta, dovrebbe utilizzare un altro linguaggio: l'XML) per poi negare completamente lo stesso XHTML, utilizzando tag proibiti, e scrivendo alcuni di questi ultimi in maiuscolo: sarebbe come passare al browser una pagina scritta nel vecchio HTML 4.

Un codice di questo tipo: <font color="#C0C0C0">&nbsp;&nbsp;&nbsp;..... </font> potrebbe essere trasformato più elegantemente col CSS utilizzando:

CODICE XHTML:

Codice:
<div id="testo"><p>Designed by:</p></div>

CODICE CSS:

Codice:
#testo
{
   color: #C0C0C0;
   font-family: verdana, arial, sans-serif;
   font-size: 12px;
   left-margin: 50px;  
}

Qua scrivo alcune delle regole che dovrebbero essere rispettate per creare una buona pagina web in XHTML:

1) Evitare di usare un editor HTML/XHTML visuale: questi programmi tendono a scrivere più codice di quello strettamente necessario e in una forma non sempre elegante e supportata da tutti i web browser.

2) XHTML permette la creazione di pagine più ordinate rispetto a HTML e che dovrebbero essere indicizzate meglio dai web browser (a patto che venga rispettato il linguaggio, senza l'utilizzo di trucchi per aumentare volontariamente l'indicizzazione, come, ad esempio, il testo nascosto dietro un'immagine o dello stesso colore dello sfondo: con quest'ultimo trucco si è definitivamente esclusi dai motori di ricerca, quindi attenzione.).

3) L'XHTML necessita che tutti i tag vengano scritti in minuscolo (tranne il DOCTYPE) e che quest'ultimi vengano annidati correttamente.

Esempio:

- Uso scorretto: <b><i>Ciao</b></i> Non valido per XHTML, ma valido per HTML

- Uso corretto: <b><i>Ciao</i></b>

4) La formattazione del testo deve avvenire ESCLUSIVAMENTE per mezzo dei fogli di stile a cascata (CSS).

5) Bisognerebbe riempire i campi dei meta tag.

6) E' necessario passare al browser una pagina "application/xhtml+xml" invece che una pagina "text/html"... altrimenti XHTML che significato ha?

Il meta tag "http-equiv" dovrebbe essere scritto così:

Codice:
<meta http-equiv="content-type" content="application/xhtml+xml; charset="ISO-8859-1" />

7) Scrivere in maniera ordinata per rendere più leggibile il codice: quando è necessario modificare il codice sorgente della pagina, o correggere un errore è utilissimo, se non essenziale, indentare il codice, cioè creare dei rientri o lasciare delle linee vuote, per definire un preciso blocco di codice. Se poi il codice è consegnato ad un altro programmatore e/o web master, questo faticherà molto meno e sprecherà meno tempo nel trovare gli errori e modificarla, oppure per continuare la gestione del sito o lo sviluppo di un dato programma.

CODICE BEN SCRITTO:
Codice:
#testo
{
   color: #C0C0C0;
   font-family: verdana, arial, sans-serif;
   font-size: 12px;
   left-margin: 50px;  
}

CODICE CAOTICO:
Codice:
#testo{color:#C0C0C0;font-family:verdana,arial,sans-serif;font-size:12px;left-margin:50px;}

Entrambe le scritture sono sintatticamente corrette, ma la seconda è molto meno leggibile.

Spero di esserti stato in qualche modo d'aiuto... non ho molto tempo libero, causa studio, ma cercherò in tutti i modi l'errore nella tua pagina.
 
Ultima modifica:

Discussioni simili

M
Risposte
2
Visite
2K
HTML e CSS
Membro cancellato 26246
M