[CSS] Bordi maledetti

[Edward Becket]

Sentite ma perchè diavolo Mozilla mi interpreta le larghezze in px in un modo e Opera in un altro?
Stessimo parlando di percentuali o di cose complicate posso pure "capirlo", ma una larghezza in pixel!
Se in un css setto la larghezza di un div a 100px e poi aggiungo un bordo di 3px a destra Mozilla me lo aggiunge OLTRE il div, lasciando al contenuto 100px mentre Opera e me lo aggiunge DENTRO il div lasciando al contenuto 97px... che diavolo devo fare?

[Edward Becket]

Qualcuuuno!

[marco_c]

è così.
è la piaga del terzo millennio.
il max che puoi fare è scrivere un po' di codice javascript che legge il browser dell'utente e setta il valore all'interno del CSS diversamente a seconda del tipo di browser.

[pierofix]

No no fermi tutti.

Tutto spiegato qui:

- http://www.alistapart.com/articles/practicalcss/

[zoom]

visto che alistapart è down

http://www.constile.org/tutorial/IE5_box_model/

anche qui spiega come fare...

[pierofix]

Ah, eccola che la cercavo:

<style type="text/css">
<!--
.box {
width:224px;
border:5px solid #900;
padding:7px;
margin:10px
voice-family: "\"}\"";
voice-family: inherit;
width:200px;
}
-->
</style>

la regola di Tantek.

Grazie per il link. Adesso me la scrivo da qualche parte.