Topic: Diversa visualizzazione

[donbairo]

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

[AlexV]

Mi pare di vedere che IE non interpreti correttamente i valori di cellpadding e cellspacing.

[donbairo]

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

[AlexV]

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

[Borgata]

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.

[donbairo]

Grazie delle spiegazioni
sono utilissime e provo immediatamente a meterle in pratica, poi faccio sapere

Grazie di nuovo

[donbairo]

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

[Borgata]

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!