Quirks mode, strict mode e bordi

[frinkia]

Ciao a tutti,

vorrei sapere se c'e' un modo per fare si' che se imposto un bordo per un div, questo appaia dentro al box e non fuori.

Il motivo e' presto detto: per la questione dello strict mode, se ho un div con width=100% dell'elemento parent, se gli imposto un bordo lui sbalina :|

Ci sono soluzioni?

[pacovox]

Non è necessario forzare il box model, basta omettere width:100%; L'elemento div si adatterà al 100% meno lo spessore dei bordi.
Definendo la larghezza il div sarà giustamente largo il 100% del contenitore più i bordi.

[frinkia]

Perfetto.

Pero' a parte il caso del 100%, in generale, c'e' soluzione?

<div class="prova">prova</prova>

.prova {
width: 400px;
border: solid 2px red;
/* Per fare in modo che il bordo si sviluppi dentro.. impossibile? */
}

[pacovox]

Non credo sia possibile, non ho ben capito però dov'è il problema.
Normalmente si sviluppa per i browser standard e poi si fanno gli aggiustamenti per IE.

.prova {
width: 396px;
border: solid 2px red;
}

Questo per tutti i browser compreso IE6 non in quirk mode.
Per IE5.x che interpreta il box model in modo errato esistono diverse soluzioni, hack o commenti condizionali con cui servire un css a parte con le correzioni.
http://www.ecologiadeisitiweb.net/blog/hack-per-ie5xwin
http://www.ecologiadeisitiweb.net/bl...er-sono-validi
http://www.webmasterpoint.org/webdes...ionali-css.asp

[frinkia]

In realta' il mio problema e' quando ci sono i div in percentuale.

Con una larghezza in pixel non c'e' problema: basta togliere lo spessore del bordo. Pero' in percentuale no: non puoi dirgli width: 50% - 2px

PS: explorer non lo tocco da anni, non ti preoccupare

[pacovox]

In questo caso puoi usare un div contenitore settato al 50% senza padding e bordi, e al suo interno il div con i bordi e padding.
Usi codice in più ma altre soluzioni non ne vedo.