Originariamente inviato da Nokao
Gli altri browser lo tengono a 0 di default immagino...
per me è proprio una questione di priorità che i browser danno... anche mozilla da un interlinea simile a quella di IE è che se tu dai a un div
codice:
height: 50px; line-height: 200px;
per mozilla prevale l'height e il div sarà alto 50px, per ie prevale il line-height e sarà alto 200px.
in realtà non è proprio una questione di priorità, ma è legato alla diversa gestione dell'height dei due browser.
per un browser standard l'altezza è fissa... anche in caso di overflow (cioè quando i contenuti escono dall'altezza del contenitore), invece ie gestisce l'height come se fosse un min-height... cioè minimo ha l'altezza che gli imposti, in caso di overflow l'altezza si adatta ai contenuti.
un esempio chiarificatore, guarda questo codice con ie e con mozilla
codice:
<div style="border: 1px solid #000; height: 50px; line-height: 200px;">
testo
testo
testo
testo
testo
testo
testo
testo
testo
testo
</div>
<span style="background: #ff9">ciao</span>
se poi lo guardi anche con opera non specificando il doctype, lo vedrai come IE, se aggiungi il doctype lo vedi come mozilla
Rispondi quotando
