Larghezza effettiva e width coincidenti

Ecco come Explorer 5 e 5.5 su Windows gestiscono la proprietà width.

Il primo div (#div11) presenta il codice seguente:

#div11 {
background: silver;
width: 300px;
}

La sua larghezza effettiva sarà di 300px.

Il secondo (#div12) ha invece queste impostazioni:

#div12 {
background: silver;
width: 200px;
border: 30px solid black;
padding: 20px;
}

La sua larghezza, secondo quanto abbiamo imparato, dovrebbe essere data da questa somma:

30+20+200+20+30= 300px

In realtà esso sarà largo 200px, secondo il valore di width. L'area del contenuto si ridurrà a soli 100px.

Questo è il div #div11

  

Questo è il div #div12