Nella dura realtà, quasi quotidianamente, mi trovo a dover risolvere, a volte in maniera ormai automatica, a volte meno,  svariati bug per far sì che il layout corrisponda a quello progettato dal bravo grafico.

Fornirò, cominciando da oggi, man mano che mi si da l’occasione di rifletterci su durante il mio lavoro, un piccolo vademecum per la risoluzioni dei maggiori problemi inerenti la resa su diversi browser.
Da tenere comunque ben presente che più della metà dei vostri problemi sarà risolta strutturando il vostro bel codice, CSS e (X)HTML, in maniera corretta; quindi scialate pure con gli appositi validatori: CSS e (X)HTML.

Doubled-Margin Float

Questo bug si verifica quando, in IE 6 e precedenti,  un elemento reso float:left ha un margin-left oppure float:right ha un margin-right. Avviene allora che il margine corrispondente al float viene raddoppiato. La soluzione più rapida, se proprio non possiamo fare a meno di specificare il margine critico, è di dichiarare l’elemento display:inline. Questo semplice accorgimento non ha di fatto alcun effetto sulla resa, dato che un elemento float viene reso di default come block-level.