• Bannato User Attivo

    Come parificare l'interlinea in CSS fra i browser?

    Ciao.

    Sarò breve: come si fa a far combaciare l'altezza della riga e dell'interlinea di un testo in modo che compaia esattamente identico fra tutti i browser?

    Ho notato differenze in particolare quando visualizzo una pagina con firefox2 ed explorer6: il secondo aumenta lo spazio.

    E' una piccolezza, però se voglio far ben incastrare il testo con delle immagini, questa differenza è fastidiosa...

    Si può risolvere facilmente, magari senza l'utilizzo dei commenti condizionali?

    Grazie


    Assistenza macchine [url=http://www.righettofabrizio.com/punzonatrice-taglio-plasma.html]punzonatrice taglio plasma


  • User Attivo

    Explorer 6 ha dei comportamenti bizzarri, una soluzione possibile potrebbe essere quella di resettare tutti i valori dei tag prima di riderfinirli. A volte risolve qualcosa. L'alternativa è il doppio foglio di stile... non è pratico da aggiornare, ma risolve velocemente la questione.

    Ti copincollo un file reset che ho trovato utile:

    [html] /* Reset default styles across browsers---------------------------------------- */
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
    table{border-collapse:collapse;border-spacing:0;}
    fieldset,img{border:0;}
    cite,code,em,strong,th{font-style:normal;font-weight:normal;}
    ol,ul{list-style:none;}
    th{text-align:left;}
    h1,h2,h3,h4{font-size:100%;}
    q:before,q:after{content:'';}

    /* Set uniform base font size ---------------------------------------- */
    body{font:13px 'Trebuchet MS',verdana,sans-serif;*font-size:small;}
    table{font-size:inherit;font:100%;}
    select,input,textarea{font:99% 'Trebuchet MS',verdana,sans-serif;}
    pre,code{font:115% monospace;*font-size:100%;}
    body * {line-height:1.22em;}

    [/html] e nel caso ti servisse, ti incollo anche la dichiarazione condizionale!

    [html] <style type="text/css" media="screen">@import "style/style.css";</style>
    <!--[if IE 6]>
    <style type="text/css" media="screen">@import "style/ie6.css";</style>
    <![endif]-->
    <!--[if IE 7]>
    <style type="text/css" media="screen">@import "style/ie7.css";</style>
    <![endif]-->[/html]
    Ciao!
    Mery