Box Model Hack

**giulioenoch** · 30-08-2005, 11:51

Qualcuno sa dirmi una volta per tutte come dovrebbe essere corretto il codice che segue? In teoria dovrebbe essere corretto ma se lo lancio lo vedo ancora diverso (IE / MOZ) ... Grazie mille, un ragazzo disperato e confuso.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Esempio</title>
<style type="text/css">

</style>
</head>
<body>
<div class="box">
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy ...
</div>
</body>
</html>

**pierofix** · 30-08-2005, 11:59

Facciamo l'esempio di avere un box con queste caratteristiche:

larghezza: 500px
padding: 15px
bordo: 3px

Ora, l'intepretazione corretta di queste misure deve seguire lo schema seguente, consultabile su http://www.w3.org/TR/REC-CSS2/box.html :

Io di solito uso questa tecnica:

codice:

#box {
   width:500px;
   padding:15px;
   border-witdh:3px;
}
body>#box {
   width:536px;
}

Il selettore body>#box non è infatti compreso da IE.

**giulioenoch** · 30-08-2005, 12:15

Scusa ma anche così non mi funziona ... anzi funziona ancora meno ... prima erano almeno grossi uguali i due div nelle due visualizzazioni ... Grazie ancora, Giulio.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Esempio</title>
<style type="text/css">

</style>
</head>
<body>
<div id="box">
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy ...
</div>
</body>
</html>

**pierofix** · 30-08-2005, 12:33

Sono in dubbio sui bordi: non ricordo se essi si sommano o no al width.

VVoVe:

**haZe** · 30-08-2005, 16:30

Mi pare di no. Anzi, ne sono abbastanza sicuro.

Width si riferisce esclusivamente al content. Sto ovviamente parlando di browser seri

Discussione: Box Model Hack

Strumenti discussione

Ricerca discussione

Visualizza

????????Box Model Hack??????????'

Permessi di invio