[CSS] chiarimento proprietà width

[malocchio]

Allora, mi ritrovo a litigare con il box model e le logiche dei CSS...

Uno shot:

(visualizzazione con ff e chrome)

Allora, il rettangolo verde è il bordo di un div#dump.
Il rettangolo in basso a destra è un div#request.

Il codice CSS attuale:

00000001 * {
00000002 	font-family: sans-serif;
00000003 }
00000004 
00000005 body {
00000006 	background-image: url('dump-bg-stripes.jpg');
00000007 	background-position: center;
00000008 	background-repeat: no-repeat;
00000009 }
00000010 
00000011 #dump {
00000012 	max-width:100%;
00000013 	height:90%;
00000014 	overflow:auto;
00000015 }
00000016 
00000017 #request {
00000018 	margin:0;
00000019 	padding: 10px;
00000020 	background-color: #ddd;
00000021 	border-top: solid 2px #cce;
00000022 	position:fixed;
00000023 	bottom: 0px;
00000024 	right: 0px;
00000025 }

Quello che vorrei io è che la barra di scorrimento verticale a destra fosse "appoggiata" al lato destro della tabella. Le righe 13 e 14 sono responsabili, per ora, dello scorrimento che vedete sopra.

Quello che non capisco è perché div#dump si allarga fino a riempire body (suo diretto genitore), invece di adattarsi alla larghezza della table (suo diretto e unico figlio).

edit: OK, QUI vedo che il comportamento è normale così, ma allora come faccio ad ottenere il risultato che cerco?

Il DIV è un classico elemento a "blocco" (display:block") quindi, a meno di indicazioni differenti, tenderà sempre a riempire tutto lo spazio in orizzontale disponibile.

Nel suo caso chi lo contiene (body) prende tutta la larghezza del viewport e qiundi il DIV lo segue, è normale che non si adatti alla larghezza della tabella in esso contenuta.

Ciao.

[malocchio]

Originariamente inviato da Sgurbat

Il DIV è un classico elemento a "blocco" (display:block") quindi, a meno di indicazioni differenti, tenderà sempre a riempire tutto lo spazio in orizzontale disponibile.

Nel suo caso chi lo contiene (body) prende tutta la larghezza del viewport e qiundi il DIV lo segue, è normale che non si adatti alla larghezza della tabella in esso contenuta.

Ciao.

Sì, l'ho verificato anche qui: http://www.html.it/guide/esempi/css/test/width.html

Per risolvere ho applicato un position: absolute al div#dump