IE 6: CSS, float e margine doppio

Io odio IE.

Dopo questa breve introduzione veniamo al dunque: se anche voi dopo aver testato i CSS con qualsiasi browser, compresi IE 7 (anche in quirks mode) e IE 8, decidete di aprire la vostra creatura con IE 6 e immediatamente vi coglie l’affanno potreste essere incappati in questo simpatico bug.

Impostando la proprietà float: left i margini vengono raddoppiati e quindi i valori impostati perdono di ogni significato…

Fortunatamente il fix è molto semplice: aggiungete display: inline tra le proprietà e risolverete il problema.

Related Posts with Thumbnails

Popularity: 4%

Share this Post:
Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

2 Responses to “IE 6: CSS, float e margine doppio”

  • mario molfese scrive:

    l’affanno m’ha preso pure a me con un mio sito, ma grandissimo, la tua soluzione funziona!

    Grazie,
    Mario

  • samuele scrive:

    a me non funziona è 2 giorni che sbatto per trovare una soluzione, ho visto su tutto google, molti danno la tua stessa soluzione, ma a me nn va.
    Sito fatto interamente con div e css su IE8 FF e safari è perfetto, su IE7 e precedenti niente.

  • Leave a Reply:

    Name (required):
    Mail (will not be published) (required):
    Website:
    Comment (required):
    XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

    Indirizzo per il Trackback