jQuery: Fix Box model bug
Internet Explorer non implementa correttamente il Box model Standard, questo causa la visualizzazione del box con dimensioni differenti in diversi browser.
Lo Standard W3C spiega qual’è il modello corretto di Box Model da adottare
Questa immagine (via Wikipedia ) descrive in modo semplice il problema, assegnando una determinata larghezza ad un box padding, bordi e margini vengono interpretati in modo errato da IE.
Alessandro Coscia ha realizzato uno script per jQuery: jquery.fixBoxModel.js estremamente versatile e scalabile.
che risolve il problema in modo semplice e veloce, basta scaricare lo script insieme a jQuery e inserirli prima della chiusura del tag <head> in questo modo:
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script> <script src="js/jquery.fixBoxModel.js" type="text/javascript"></script>
e successivamente inserire il codice seguente per attivare il plugin:
<script>
var $j = jQuery.noConflict();
$j('document').ready(function () {
$j('div').fixBoxModel();
});
</script>
Per vedere una demo e scaricare il file di script vi rimando al sito dell'autore: http://www.programmatorephp.it
Come avete notato TagTagWeb ha cambiato faccia e anche piattaforma. Dall'ormai datato e non più aggiornabile Mambo siamo passati a Wordpress, sicuramente di più facile e immediato utilizzo. Mi scuso per coloro che cercavano un articolo e non lo hanno più trovato, ma piano piano riusciremo ad inserirli tutti.
marco
7 Jul, 2009
Grazie per la info! Ho provato a scaricare il plugin ma il sito è perennemente offline: sai dove posso trovare un mirror???
Grazie mille, Marco