Larghezza percentuale e bordi

[Lorenzo.Oz]

Le regole dei CSS sono molto chiare...

L'attributo di stile "width" riguarda la larghezza del contenuto dell'ellemento ed è indipendente dalla alrghezza dei bordi che vengono applicati allo stesso...

Bene ora sorge un problema...

Io ho 2 div ( o anche 3, mi servirebbe una soluzione generica ) uno con float destro e uno sinistro...

Vorrei che occupassero per intero il contenitore per cui ho messo ad entrambi width:50%, vorrei però inoltre che entrambi avessero un bordo di 1px...

Come descritto prima i px dei bordi non sono considerati nel 50% per cui l'elemnto di dx scende sotto quello di destra...

Questo è il codice:

<div id="container">
	<div id="sx">sx</div>
	<div id="dx">dx</div>
</div>

/* CSS Document */
div {
	border-width: 1px;
	border-style: solid;
}

body > div {
	width: 85%;
}

div#sx{
	float: left;
	width: 50%;
	border-color:#FF0000;
}

div#dx{
	float: right;
	width: 50%;
	border-color:#0000FF;
}

[Myaku]

Originariamente inviato da Lorenzo.Oz
Le regole dei CSS sono molto chiare...

L'attributo di stile "width" riguarda la larghezza del contenuto dell'ellemento ed è indipendente dalla alrghezza dei bordi che vengono applicati allo stesso...

eh, in pratica, non è sempre vero.

un esempio

[Lorenzo.Oz]

ma infatti io parlavo di regole CSS non di come IE le interpreta...

Tra l'altro mi verrebbe da dire che quell'errore di visualizzazione è stato corretto nella versione 7