Autore Topic: Corrispondenza IE vs FF (Letto 4586 volte)

Gae58 · « **il:** 16 Maggio 2005 19:37:26 »

salve, non so come comportarmi, nella realizzazione di alcune pagine, con i div, mi trovo in difficoltà in quanto noto una grossa differenza nella visualizzazione tra i 2 browser.
Qualche suggerimento?

grazie

Gaetano

tripleshift · « **Risposta #1 il:** 17 Maggio 2005 11:19:30 »

suggerimenti:

1) metti un doctype corretto
2) valida costantemente il tuo codice per esser sicuro che sia standard
3) fai sempre affidamento sulla visualizzazione in FF (con doctype corretto).

riguardo la visualizzazione diversa, potrebbe essere dovuto alla mancanza di doctype che mandando i browser in quirks mode da visualizzazioni imprevedibili.
è verosimile comunque che IE non visualizzi correttamente anche in presenza di un doctype corretto, alcune funzioni standard non sono supportate da IE,

sarebbe d'aiuto vedere questa pagina che non ti va per valutarla meglio.

ciao

...

Gae58 · « **Risposta #2 il:** 17 Maggio 2005 12:39:30 »

ciao per quanto riguarda i doctype non ne ho alcuna conoscenza, mi potresti dire dove poter leggere qualcosa in italiano?

Il sito che ho realizzato é http://www.duenottialcastello.it
Per il momento é regolato su IE, ma vorrei che fosse ben visibile su entrambi i browser e vorrei utilizzare appieno anche nVu, perché in questa maniera lo posso utilizzare solo a mano.

A parte la prima pagina, la altre chfa nno uso di + div, mi escono tutte sfasate

il codice all'inizio é:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="it"><head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>Due Notti al Castello</title>

ti ringrazio per l'aiuto.

grazie

gaetano

jooliaan · « **Risposta #3 il:** 17 Maggio 2005 13:01:38 »

Sposto in Evangelizzazione. Il forum NVU non è stato pensato per dar supporto alla programmazione di pagine web come è specificato chiaramente qui: http://forum.mozillaitalia.org/viewtopic.php?p=34162#34162

Ciao

tittoproject · « **Risposta #4 il:** 17 Maggio 2005 13:02:00 »

Ho dato una rapida occhiata e secondo me l'errore è sul foglio di stile: sul div "Sin" hai messo sulla proprietà "Casella-->Posizione", l'attributo "assoluto". Se lasci vuoto quel campo (non specificato) con float a sinistra, l'immagine va a sinistra e il testo si vede correttamente sia su IE che FF.

Inoltre, il codice html é pieno di "impurità", cioé:

Citazione

          
          
          
          
          
          

che puoi tranquillamente eliminare.

Gae58 · « **Risposta #5 il:** 17 Maggio 2005 18:34:04 »

Mi scuso col NG per questo madornale errore.

Ti ringrazio per il consiglio, ho cambiato la posizione in relative e va bene. Ho provato a non metterla e si comporta nella stesss maniera. Non so se non metterla proprio oppure metterla a relative.

Ho controllato la pagina, ma ho notato che in FF é solo migliorata, non si vede come con IE.

Puoi vedere la pagina http://duenottialcastello.it/storia.html

Nel piede ho tolto tutti gli spazi come mi hai consigliato ed ho messo margin-left. Non so se sia la soluzione giusta

grazie
Gaetano
Hai qualche altro suggerimento?

tittoproject · « **Risposta #6 il:** 17 Maggio 2005 22:36:54 »

Citazione da: Gae58

Puoi vedere la pagina http://duenottialcastello.it/storia.html

Non vedo niente

Citazione da: Gae58

Hai qualche altro suggerimento?

Quando la rimetti la guardo con calma e poi ti dico.

Per il momento, l'unica cosa che posso consigliarti (se non l'hai vista) sono le ottime guide di Html.it. Per esempio:
http://www.html.it/css/index.html
http://www.html.it/layout_css/
http://www.html.it/css_old/index.html
http://pro.html.it/lista_articoli.asp/idcat_8/

Gae58 · « **Risposta #7 il:** 18 Maggio 2005 10:51:00 »

scusa ho sbagliato l'indirizzo

http://www.duenottialcastello.it

con IE va bene, con FF anche dopo il tupo suggeirmento non é preciso.

Qualche consiglio?

grazie

Gaetano

lucasali · « **Risposta #8 il:** 18 Maggio 2005 11:07:58 »

questo è il risultato della validazione dell'HTML:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.duenottialcastello.it%2F
nulla di grave a parte l'errore numero 5 "Line 14, column 40:..." non hai messo la doppia virgoletta di chiusura.

questo è il risultato della validazione del CSS:
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.duenottialcastello.it%2F&usermedium=all
sistema gli errori poi vediamo se il risultato è uguale sia in FF che in IE.

ciao. Luca

klades · « **Risposta #9 il:** 18 Maggio 2005 11:13:50 »

Citazione da: Gae58

scusa ho sbagliato l'indirizzo
http://www.duenottialcastello.it
con IE va bene, con FF anche dopo il tupo suggeirmento non é preciso.
Qualche consiglio?

Basta correggere due cose:
- id="Pagina" del div deve essere id="pagina" (con la minuscola, perchè così è dichiarato nel foglio css)
- nel css div#Testata { background-color: 111988; deve essere div#Testata { background-color: #111988;
Ciao, Paolo

Gae58 · « **Risposta #10 il:** 18 Maggio 2005 19:09:19 »

ti ringrazio per i suggerimenti, in effetti mi erano proprio scappati. Ho sottoposto il sito al controllo del validator.
Per il CSS va tutto bene tranne dei warinings sulla famiglia del testo, mentre per l'html, mi ha detto che il docType non é esatto.

Mi sa che devo leggere quei siti che mi hai indicato.

Comunque, tranne la prima pagina tutte le altre sono sfalzate con FF, e non penso possa dipendere dal docType.

Se hai qualche altro suggerimento...

grazie

Gaetano

Gae58 · « **Risposta #11 il:** 18 Maggio 2005 19:55:18 »

ciao e grazie per i suggerimenti, mi erano scappati.

Ho effettuato le variazioni ed ho sottoposto il sito alla validazione dell'html e del css e sono entrambi validati.

Ho ricontrollato con FF, ma non c'é niente da fare.

Forse c'é qualche cosa nel CSS che gli da' fastidio.

A parte la prima pagina, tutte le altre sono sfasate

Qualche altro suggerimento?

garzie

Gaetano

shaitan · « **Risposta #12 il:** 18 Maggio 2005 20:35:09 »

prova a levare inline dagli elementi che non ne hanno bisogno, ovvero tutti tranne navalto
(tra l'altro inline lo puoi associare al tag a, o ancora meglio crei in menù con proprietà inline così è carino anche dl punto di vista dell'accessibilità, qualore fosse visualizzato senza css)

ci sarebbe poi da verificare la dimensione dei div

infine non mi convice la struttura dei div, io avrei usato qualcosa del tipo

Codice: [Seleziona]

<div id="pagina">
  <div id="testata"></div>
  <div id="navalto"></div>
  <div id="contenitore">
     <div id="sin"></div>
     <div id="corpo"></div>
  </div>
  <div id="colophon"></div>
</div>

tittoproject · « **Risposta #13 il:** 18 Maggio 2005 21:15:02 »

Citazione da: shaitan

infine non mi convice la struttura dei div, io avrei usato qualcosa del tipo

Codice:
<div id="pagina">
<div id="testata"></div>
<div id="navalto"></div>
<div id="contenitore">
<div id="sin"></div>
<div id="corpo"></div>
</div>
<div id="colophon"></div>
</div>

Infatti!

Oggi ho fatto un pò di esperimenti e, per unire l'utile al dilettevole, ho usato la tua pagina. Ho modificato la struttura dei div nel corpo e nel piede, e abbondantemente il foglio di stile (mi sono perso un pò di regole per strada facendo pulizia...)

Adesso si vede benissimo in FF e accettabilmente in IE: http://xoomer.virgilio.it/gabriele.tittonel/Castello/

Gae58 · « **Risposta #14 il:** 20 Maggio 2005 11:32:51 »

ho letto con interesse il codice che mi hai postato e non mi é chiaro il motivo per cui in vertical, al centro della pagina hai inserito un ulteriore div in cui entrano il div di Sn ed il Div centrale. Non so se sia una soluzione per farlo funzionare anche con FF, oppure é una tecnica.

Hai inserito un div chiamato colophon, corrisponde al mio piede o l'hai cambiato perché il mio non andava bene?

grazie

Gaetano