# Come parificare l'interlinea in CSS fra i browser?

**URL:** <https://www.ruby-forum.com/t/come-parificare-linterlinea-in-css-fra-i-browser/110963>\
**Category:** IT\
**Created:** [August 1, 2007, 3:16pm UTC](https://www.ruby-forum.com/t/come-parificare-linterlinea-in-css-fra-i-browser/110963 "2007-08-01T15:16:38Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![ghisirds](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/g/ea666f/32.png) [@ghisirds](https://www.ruby-forum.com/u/ghisirds)\
**Post date:** [August 1, 2007, 3:16pm UTC](https://www.ruby-forum.com/t/come-parificare-linterlinea-in-css-fra-i-browser/110963/1 "2007-08-01T15:16:38Z")

</div>

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

* * *

[http://www.righettofabrizio.com/punzonatrice-taglio-plasma.html](http://www.righettofabrizio.com/punzonatrice-taglio-plasma.html)

> **[SitiWeb.RE | Realizzazione Siti Internet a Reggio Emilia](https://www.sitiweb.re)**
>
> Webmaster di Reggio Emilia Specializzato in Creazione Siti Web, e-Commerce, SEO, Social e Pubblicità. Qualità al Miglior Prezzo: Chiama 335 727 6342

> **[L’illusione ottica che deforma i divi di Hollywood](http://www.ideeregaloriginali.com/illusione-ottica-divi-di-hollywood.html)**
>
> Murphy ha scoperto l’effetto della distorsione, caricando coppie di immagini di star su “You Tube” in successione i cui volti sembreranno deformati.

> **[Forum Psicologia](https://www.scuolaforum.org/psicologia/)**
>
> Psicologia - Forum dove si studiano i fenomeni della vita affettiva e mentale dell'uomo cercando di intuirne le reazioni.

---

<div class="post-metadata">

**Author:** ![ghisirds](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/g/ea666f/32.png) [@ghisirds](https://www.ruby-forum.com/u/ghisirds)\
**Post date:** [August 1, 2007, 5:05pm UTC](https://www.ruby-forum.com/t/come-parificare-linterlinea-in-css-fra-i-browser/110963/2 "2007-08-01T17:05:43Z")

</div>

con i font a quanto pare ci son parecchi problemi perchè vengono  
renderizzati in vettoriale, non penso che riuscirai a farli identici  
per tutti i browser, da quanto ho capito molto dipende anche dal  
monitor oltre che dal browser, cmq se ci riesci fammi sapere che è un  
problema comune anche se per ora grosso modo ho risolto.

Andrea

---

<div class="post-metadata">

**Author:** ![ghisirds](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/g/ea666f/32.png) [@ghisirds](https://www.ruby-forum.com/u/ghisirds)\
**Post date:** [August 1, 2007, 6:02pm UTC](https://www.ruby-forum.com/t/come-parificare-linterlinea-in-css-fra-i-browser/110963/3 "2007-08-01T18:02:09Z")

</div>

stb wrote:

> con i font a quanto pare ci son parecchi problemi perch� vengono  
> renderizzati in vettoriale, non penso che riuscirai a farli identici  
> per tutti i browser, da quanto ho capito molto dipende anche dal  
> monitor oltre che dal browser, cmq se ci riesci fammi sapere che � un  
> problema comune anche se per ora grosso modo ho risolto.
> 
> Andrea

ma come hai risolto?

---

<div class="post-metadata">

**Author:** ![ghisirds](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/g/ea666f/32.png) [@ghisirds](https://www.ruby-forum.com/u/ghisirds)\
**Post date:** [August 1, 2007, 6:19pm UTC](https://www.ruby-forum.com/t/come-parificare-linterlinea-in-css-fra-i-browser/110963/4 "2007-08-01T18:19:04Z")

</div>

stb wrote:

> prima di tutto ho definito i caratteri in pt e non in px, magari è  
> una mia impressione ma mi sembrano più regolari, poi ho cercato di  
> fare un design “universale” cercando di tenere le proporzioni, magari  
> con elementi dinamici per esempio un background fatto ad immagine  
> unica potrebbe dar problemi, spezzandolo dovresti risolverne alcuni

mi hanno suggerito che l’altezza della riga può essere impostata nel CSS  
con l’attributo line-height, per controllare lo spazio fra un paragrafo  
e l’altro si può far invece ricorso a margin-top e margin-bottom,  
esempio:

h3 {  
line-height: 15pt;  
margin-bottom: 2px;  
margin-top: 2px;  
}

sembra tutto risolto, sperom!  
grazie

---

<div class="post-metadata">

**Author:** ![ghisirds](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/g/ea666f/32.png) [@ghisirds](https://www.ruby-forum.com/u/ghisirds)\
**Post date:** [August 1, 2007, 6:13pm UTC](https://www.ruby-forum.com/t/come-parificare-linterlinea-in-css-fra-i-browser/110963/5 "2007-08-01T18:13:50Z")

</div>

prima di tutto ho definito i caratteri in pt e non in px, magari è  
una mia impressione ma mi sembrano più regolari, poi ho cercato di  
fare un design “universale” cercando di tenere le proporzioni, magari  
con elementi dinamici per esempio un background fatto ad immagine  
unica potrebbe dar problemi, spezzandolo dovresti risolverne alcuni

---

<div class="post-metadata">

**Author:** ![ghisirds](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/g/ea666f/32.png) [@ghisirds](https://www.ruby-forum.com/u/ghisirds)\
**Post date:** [August 1, 2007, 7:05pm UTC](https://www.ruby-forum.com/t/come-parificare-linterlinea-in-css-fra-i-browser/110963/6 "2007-08-01T19:05:58Z")

</div>

si quello lo so ma il rendering del carattere a me va sempre per i  
fatti suoi, per impostare l’ interlina margini ecc c’è si il css, se  
ti può aiutare guarda qua, hai le reference per tutti gli attributi,  
sotto “Font” trovi quelli che ti servono.

[http://www.w3schools.com/css/css\_reference.asp](http://www.w3schools.com/css/css_reference.asp)

---

<div class="post-metadata">

**Author:** ![ghisirds](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/g/ea666f/32.png) [@ghisirds](https://www.ruby-forum.com/u/ghisirds)\
**Post date:** [August 20, 2007, 2:55pm UTC](https://www.ruby-forum.com/t/come-parificare-linterlinea-in-css-fra-i-browser/110963/7 "2007-08-20T14:55:33Z")

</div>

Usare pt e px dovrebbe essere identico e mi sembra assurdo anche che il  
monitor possa influire…  
Con la dimensione del font controlli il carattere ed indirettamente la  
linea, con line-height invece lo fai in maniera diretta e ci sono meno  
possibilità di errori di interpretazione da parte del browser.  
Comunque quando sei disperato puoi sempre utilizzare un css diverso, lo  
fai da script, individui lo user agent ed includi quello per IE6  
piuttosto che per il resto.  
Altra considerazione: Opera ha un interpretazione dei css quasi  
perfetta!!! Quindi puoi utilizzarlo come debug aggiuntivo quando le cose  
non ti tornano.  
Ciao