IE vs Firefox, errori nel sito

[kainard]

Ciao a tutti, non riesco a capire perchè la pagina viene visualizzata bene in IE, mentre alcune cose su firefox le sballa, sapreste aiutarmi? il css interessato è nel codice della pagina.

il link è www.midgard.altervista.org/index.html

[pezzo]

Un consiglio generale: scrivi il codice ottimizzandolo per FF...

Solo dopo modificherai gli errori di visualizzazione di IE, perché lui molto più spesso di FF se ne frega degli standard...

[kainard]

Originariamente inviato da pezzo
Un consiglio generale: scrivi il codice ottimizzandolo per FF...

Solo dopo modificherai gli errori di visualizzazione di IE, perché lui molto più spesso di FF se ne frega degli standard...

dove posso trovare info per come ottimizzare per ff e tutti gli altri?

[Mich_]

Originariamente inviato da kainard
dove posso trovare info per come ottimizzare per ff e tutti gli altri?

In qualsiasi manuale fatto bene.
In realta` FF e altri browser seguono lo standard molto da vicino, mentre IE se ne discosta in vari punti, in particolare nel box-model.

Il trucco per scrivere CSS facilmente, e` scrivere codice (X)HTML corretto sia sintatticamente che semanticamente: infatti i browser hanno dei default che rispecchiano l'utilizzo semantico dei tag.
Usando XHTML correttamente, la pagina non ha bisogno dei CSS, che possono servire per dare una veste gradevole/accattivante, ma che non sono necessari per veicolare i contenuti.

[kainard]

potresti farmi un piccolo esempio di un mio qualunque errore in quella pagina? ho validato e funziona...

[Mich_]

#c1dt1 { background-image: url(dt1.png); width: 222px; height: 23px; font: bold 12px Verdana; color: white; text-align: left; float: left; }

Hai specificato l'altezza di un div che contiene scritte, senza specificare l'overflow.
Chiaramente non puoi specificare la dimensione delle scritte (o meglio, anceh se la specifichi, il browser settato bene sovrascrive la tua specifica).
E questo comporta poi sovrapposizioni, dato che viene preso overflow:visible;

Il problema nella pagina e` avere dimensioni fisse anche in verticale.
In IE non puoi specificare l'altezza, dato che height viene letto come min-height, ma FF segue le specifiche del W3C.