Notizie: lo sai che puoi installare Firefox anche su dispositivi Apple iPhone e iPad? Provalo subito!

Autore Topic: Diversa visualizzazione  (Letto 1542 volte)

0 Utenti e 1 Visitatore stanno visualizzando questo topic.

Offline donbairo

  • Post: 20
    • Portale Alibrando
Diversa visualizzazione
« il: 12 Maggio 2006 09:09:11 »
Ciao a tutti
Sempre nel tema di rendere i siti visualizzabili sui Browser più importanti mi trovo un piccolo problema che vorrei risolvere.
Nel sito
http://www.alibrando.it/
la visualizzazione della pagina è diversa da IE a FF, premetto che l'impaginazione è fatta con tabelle ma il sito corrisponde alla validazione W3C e non riesco a trovare il modo per rendere tutto omogeneo.
Potete consigliarmi qualcosa?

Grazie anticipate

Don

Offline AlexV

  • Post: 2199
    • Evolution Club
Re: Diversa visualizzazione
« Risposta #1 il: 12 Maggio 2006 10:06:05 »
Mi pare di vedere che IE non interpreti correttamente i valori di cellpadding e cellspacing.

Offline donbairo

  • Post: 20
    • Portale Alibrando
Re: Diversa visualizzazione
« Risposta #2 il: 12 Maggio 2006 11:06:09 »
Io direi che con IE lo vedo come dovrebbe (o almeno come mi piace) mentre con FF allarga notevolmente gli spazi.
Il problema è come visualizzare sia per IE che FF la visualizzazione IE.

Don

Offline AlexV

  • Post: 2199
    • Evolution Club
Re: Diversa visualizzazione
« Risposta #3 il: 12 Maggio 2006 11:26:49 »
Direi di provare a giocare riducendo i valori di cellpadding e/o cellspacing... sempre che la mia idea sia corretta.

Comunque personalmente trovo più chiara la visualizzazione di FF, senza spazi mi va insieme la vista ;)

Offline Borgata

  • Post: 624
Re: Diversa visualizzazione
« Risposta #4 il: 14 Maggio 2006 12:29:49 »
Indipendentemente dai gusti, se tu costruisci una pagina secondo gli standard, sarà explorer a farti perdere le staffe, perchè non fa quello che deve.

Il problema sono i tag paragrafo che hai inserito all'interno delle celle della tabella, che come è giusto che sia, hanno una disposizione a blocchi.
Il codice a livello di css è un po' ridondante in quella parte della pagina.

Per rimediare devi i nserire questo codice nel CSS:
Codice: [Seleziona]
TD.centro p {
margin: 0;
padding: 0;
display: inline;
}
(questo relativamente alla tabella che contiene i 4 riquadri).

PS: il CSS contiene tag HTML che dovresti eliminare.
« Ultima modifica: 14 Maggio 2006 12:59:35 da Borgata »

Offline donbairo

  • Post: 20
    • Portale Alibrando
Re: Diversa visualizzazione
« Risposta #5 il: 15 Maggio 2006 14:15:56 »
Grazie delle spiegazioni
sono utilissime e provo immediatamente a meterle in pratica, poi faccio sapere

Grazie di nuovo

Offline donbairo

  • Post: 20
    • Portale Alibrando
Re: Diversa visualizzazione
« Risposta #6 il: 15 Maggio 2006 14:33:03 »
Ciao
Il risultato è perfetto grazie
ho tolto pure le righe di tag che mi dicevi di togliere anche se non ho capito a cosa si riferiscono comunque sia il css che la pagina risultano validate

Grazie grazie

Offline Borgata

  • Post: 624
Re: Diversa visualizzazione
« Risposta #7 il: 15 Maggio 2006 15:33:19 »
Bene ;)

Forse per la questione dei tag nel css era un errore di copia mio.
Boh... tanto ho guardato ora il css e non ci sono, quindi va bene!

Per la validazione del codice, c'è ancora un piccolo warning nel mailto: dovresti mettere i %20 al posto degli spazi.
Codice: [Seleziona]
<a title=
"E.Mail - Informazioni, commenti e segnalazioni" href=
"mailto:info@alibrando.it?subject=Informazioni%20-%20Commenti%20-%20Segnalazioni">
info@alibrando.it</a>

Ciao!

0 Utenti e 1 Visitatore stanno visualizzando questo topic.