[CSS] chiarimento proprietà width

[malocchio]

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

Uno shot:
http://a.imageshack.us/img19/9444/dumpame.jpg
(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 (http://www.html.it/guide/esempi/css/test/width.html) vedo che il comportamento è normale così, ma allora come faccio ad ottenere il risultato che cerco?

[anonimizzato]

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]

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