Lauryn - Web Coach

Cross browsing con JQuery

boxmodelChi di voi ha problemi con explorer 6 alzi la mano. Ok tiratele pure giù, abbiam capito che lo odiamo tutti.

DesMM in questa sua segnalazione ci presenta due plugin di JQuery pronti da usare che risolvono due conosciutissimi problemi: il box model e i doppi margini. Grazie DesMM!

[…]

Alessandro Coscia  di Codicefacile.it e Youreporter.it propone due soluzioni per rendere i comportamenti di Internet Explorer più simili a quelli degli altri browser.

Margini IE6 duplicati

L’attenzione è stata dedicata sulla duplicazione dei margini su IE6, infatti utilizzare i margini di un qualsiasi elemento quando lo stesso è posizionato con Float:left, porta al raddoppio del margine. E questa è la sua soluzione jQuery: jQuery: Fix IE6 Double Margin bug
Esiste anche una soluzione tramite css, basta aggiungere nello stesso punto dove è stampato  Float:left, il parametro: display:inline

Dimensioni Box model

L’interpretazione delle dimensioni di un elemento (Esempio: Box Model), nel momento in cui vengono utilizzati margin padding e border, può riscontrarsi differente nei vari browser:
Ed anche in questo caso Alessandro ci mostra il suo espediente tramite jQuery: jQuery: Box Model Fix

Se ti è piaciuto condividilo

%d blogger hanno fatto clic su Mi Piace per questo: