Tag
Ciao,
non so se come me e Betta vi siate già imbattuti in questo problema (ovvero, per farla breve, diversa interpretazione del border box model da parte dei 2 browser). Immaginate, ad esempio, di avere un layout a dimensione minima fissa (1024×768) che presenti, ad esempio dei bordi.
Se il vostro contenitore è largo 1024 e ha un bordo di 1px a destra e sx (e magari anche un padding), per IE il bordo è contato all’interno (quindi la dimensione del contenitore non cambia) ma per Firefox si sviluppa all’esterno (quindi il contenitore diventa di 1026 più evenutuale padding). Risultato: con firefox compare la scroll orizzontale.
Ora, senza scendere in futili interpretazioni di chi dei 2 abbia ragione (Firefox in base alle indicazioni del W3C), la soluzione potrebbe essere quella di istruire Firefox affinché usi il border-box-model.
Questo è l’hack:
* {
-moz-box-sizing: border-box;
}
ximlabz ha detto:
Strano… di solito si tende ad utilizzare la versione esatta e non aggirando il problema.
Alla fine anche chi sviluppa correttamente (cioè secondo le Recommendation del W3C) gli tocca far ricorso all’hack per IE. 😉
Comunque mi pareva che dalla versione 6 in poi di IE fosse stato risolto il problema (a meno che non si navighi in “Quirks mode”).
Qui è tolto ogni dubbio:
http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug
Barbara Falchi ha detto:
Come anche tu saprai, putroppo ci sono delle situazioni in cui non si ha modo di lavorare in situazioni pulite, per cui è stato necessario applicare un hack.
Ma non posso che concordare con te: i problemi non vanno aggirati, vanno risolti alla radice.
Grazie per il preziosissimo contributo ;-).