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;
}