Problemi con i diversi browser

**karibu** · 30-11-2006, 11:50

Ciao,
Scusate, forse qui qualcuno mi può aiutare:
sto realizzando un sito internet è ho riscontrato il seguente problema (attualmente ho pubblicato solo una home di work in progress): se vi accedo con explorer tutto bene, con qualsiasi altro browser (ho provato con firefox, safari e netscape) l'immagine della home page risulta scentrata (impaginata tutta verso l'alto).

Mi è stato spiegato che è un problema conclamato e che per risolverlo bisognerebbe pubblicare tanti siti diversi impaginati per ciascun browser, con il server che riconoscerà automaticamente da che browser ci si sta collegando e quindi indirizzerà sull'impaginazione "corretta".

Ho però visto che nessun altro sito ha questo problema, e mi sembra un po' fantascientifico che tutti facciano 'sto casino per evitare il problema....

Qualcuno ne sa qualcosa?

Molte grazie!

P.S. se volete verificare il sito in questione è www.cixfansclub.it

**pierofix** · 30-11-2006, 12:25

La situazione è completamente diversa da come te la immagini, o se vogliamo, da come te l'hanno prospettata.

Non è vero che bisogna fare tanti siti paralleli quanti sono i browser. Il procedimento corretto consiste nel suddividere la struttura dalla presentazione. E' il concetto di buona progettazione basato sugli standard web, ormai collaudato da diversi anni ma che in pochi ancora seguono.

Seguendo gli standard, infatti, la compatibilità è assicurata, al solo costo di piccoli aggiustamenti per venire incontro alle problematiche esigenze di Internet Explorer, browser che non segue al meglio gli standard.

E' importante capire che non sono gli 'altri' browser a sbagliare, se la visualizzazione del sito è scorretta tranne che su IE, ma il progettista, che si è basato sulle caratteristiche Microsoft e non su quelle universalmente riconosciute.

Il sunto è tanto semplice quanto spietato: occorre imparare davvero a fare web nel modo corretto.

Guarda se questa introduzione può aiutarti ad entrare nell'ordine di idee:

- http://pesanervi.diodati.org/pn/index.asp?a=293

Cercando tra le vecchie discussioni nel forum troverai migliaia di casi simili: prendine spunto per trovare la tua strada.

**karibu** · 30-11-2006, 12:31

Ciao e mille grazie per le informazioni!

Volevo solo, se è possibile, chiederti una precisazione: nel sito di cui ho parlato la home page è in realtà un unico file jpg che è stato pubblicato. Anche in questo caso è valido il discorso della suddivisione della struttura oppure è necessario "spezzare" per forza l'immagine in più parti?

Molte grazie!

**pierofix** · 30-11-2006, 12:54

Originariamente inviato da karibu
Volevo solo, se è possibile, chiederti una precisazione: nel sito di cui ho parlato la home page è in realtà un unico file jpg che è stato pubblicato. Anche in questo caso è valido il discorso della suddivisione della struttura oppure è necessario "spezzare" per forza l'immagine in più parti?

La separazione tra struttura e presentazione non c'entra nulla con lo spezzare l'immagine. Prova a leggere la risorsa che ti ho suggerito, poi ne riparliamo.

La pagina che hai realizzato tu, ad esempio, può essere estremamente ottimizzata. Ti propongo una soluzione:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it">


<head>
   <title>CixFansClub</title>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   <style type="text/css">
   *
   {
      margin:0; padding:0;
   }
   body
   {
      color:#FFF; background-color:#000;
      text-align:center;
      font:1em Verdana,sans-serif;
   }
   #intestazione
   {
      width:770px; height:483px;
      margin:30px auto;
      background:url('img/Lavori_in_corso.jpg') no-repeat 50% 50%;
      text-align:left; text-indent:-1000em;
   }
   </style>
</head>

<body>
   <div id="intestazione">
      <h1>CixFansClub</h1>
      

Lavori in corso. Il sito è in costruzione.</p>
   </div>
   

Hosted and created by <cite>Solintec</cite> &copy;2005. Write for information.</p>
</body>

</html>

**karibu** · 30-11-2006, 13:23

Ho letto la presentazione, davvero interessante...purtroppo io sono un po' a digiuno al riguardo, nel senso che in realtà non mi occupo in prima persona delle questioni tecniche del sito, ma per mia abitudine sono solito andare in fondo alle questioni e soprattutto non amo non risolvere i problemi....

Questo è il motivo per cui ho scritto sul forum: dato che la risposta che mi è stata data dai tecnici non mi ha soddisfatto....sto cercandomene una da solo che mi risolva i problemi...anche se devo ovviamente scontrarmi con aspetti tecnici dei quali non mi sono mai occupato.

Tutta 'sta pappardella per chiederti.....siccome non sono io che pubblico il codice (e non ne ho mai scritto uno...), come posso fare per provare a "vedere" come il codice che mi hai mandato sarà visualizzato sul web? Esiste un software che mi dia un'"anteprima" senza dover necessariamente pubblicare?

Te lo chiedo più che tutto perchè, per ovvie ragioni "diplomatiche" dal momento che chi mi sta pubblicando il sito è un amico, vorrei potergli spiegare come risolvere il problema con un po' più di "cognizione di causa" avendo magari visto prima dei risultati....

Ancora grazissime e scusa per il dilungarmi....

Gianni

**pierofix** · 30-11-2006, 14:08

La cosa è semplicissima:

crea un nuovo file di testo con il Blocco Note;
copia e incolla il codice che ti ho fornito all'interno di detto file;
salva il file con estensione .html (avendo cura, alla voce 'salva come', di selezionare 'Tutti i file');
apri il file con un qualsiasi browser (Firefox, Opera, Internet Explorer, Netscape e via dicendo).

Ovviamente la pagina si può affinare ulteriormente: io ti ho fatto un esempio veloce.

**karibu** · 30-11-2006, 15:49

Ho provato a farlo ma visualizzo solo una pagina tutta nera (senza immagine centrale) e con una scritta in basso.

Ho provato anche a salvare la pagina html dal sito e sostituire il tuo codice a quello della pagina stessa, ma continuo a non visualizzare nulla.

**pierofix** · 30-11-2006, 15:52

Devi controllare il percorso dell'immagine:

codice:

#intestazione
   {
      width:770px; height:483px;
      margin:30px auto;
      background:url('img/Lavori_in_corso.jpg') no-repeat 50% 50%;
      text-align:left; text-indent:-1000em;
   }

E' coerente con la posizione in cui hai salvato la pagina?

**karibu** · 01-12-2006, 11:47

Moltissime grazie!

Usando il tuo script e modificando qualche parametro sono riuscito a centrare la pagina come era mia intenzione e provandola sia su explorer che Firefox è identica! Oggi proverò anche sugli altri browser per togliermi ogni dubbio.

Sono poi andato a guardare un po' di informazioni sulla programmazione html e xhtml per vedere se riuscivo ad aggiungere al tuo script le seguenti cose:

1) Una mappa per fare in modo che cliccando sulla scritta della e-mail (info@cixfansclub.it) si link all'editor mail
2) Posizionare la scritta in basso (quella "Hosted...") più attaccata all'immagine (un po' come era nella versione "originale"

Purtroppo non sono riuscito in nessuno dei due casi....nel senso che non ho trovato parametri che spostassero la scritta più in alto e, creando una mappa, l'unico risultato che riesco ad ottenere è di avere una ripetizione della stessa immagine che a sua volta ha il collegamento che cerco...

Provo a quotare il codice:

---------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it">

<head>
<title>CixFansClub</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
*
{
margin:0; padding:0;
}
body
{
color:#FFF; background-color:#000;
text-align:center;
font:0.7em Verdana,sans-serif;
}
#intestazione
{
width:770px; height:483px;
margin:180px auto;
background:url('Home2_files/Lavori_in_corso.jpg') no-repeat 50% 50%;
text-align:left; text-indent:-1000em;
}
</style>
</head>

<body>
<div id="intestazione">
<h1>CixFansClub</h1>

Lavori in corso. Il sito è in costruzione.</p>
</div>

Hosted and created by <cite>Solintec</cite> ©2005. Write for information
[img]Home2_files/Lavori_in_corso.jpg[/img]
<map name="Map">
<area shape="rect" alt="scrivici" coords="605,442,748,464" href="mailto:info@cixfansclub.it"
</map>
</body>

--------------

Mi sai dare qualche suggerimento?

Ancora grazie!

Discussione: Problemi con i diversi browser

Strumenti discussione

Ricerca discussione

Visualizza

Problemi con i diversi browser

Permessi di invio