box di dimensioni INTERNE fisse (si allarga se la scrollbar e' presente)

[panecasareccio]

Salve a tutti.

Mi sto avvicinando da poco ai css.

Ho visto come creare una box con una scrollbar verticale (settare il parametro overflow al valore scroll):

nel file di stile:

<style type="text/css">

#box {
font-family: Arial;
font-size: 12pt;
color: #000;
text-align: justify;
margin: 0px;
padding: 0px;
width: 100px;
height: 100px
border: 0px;
overflow: scroll;
}
</style>

Nel codice HTML:

<div id="box">testo testo testo ... testo</div>

Tuttavia, il risultato ottenuto mantiene fisse le dimensioni ESTERNE della box. Le dimensioni INTERNE cambiano a seconda che sia presente la scrollbar.

Domanderei se esiste il modo per far si' che la larghezza interna rimanga costante, ovvero:

larghezza box = valore costante da me stabilito + larghezza della scrollbar, se presente




Grazie mille per l'aiuto,
Giuseppe

[Prill]

Potresti inserire il tuo div in un div che abbia una larghezza maggiore concepita per la barra di scorrimento:

#containerBox {
width: 120px;
height: 100px;
overflow: auto;
}
#box {
width: 100px;
font-family: Arial;
font-size: 12pt;
color: #000;
text-align: justify;
}

[panecasareccio]

ciao Prill,

grazie per avermi risposto!


Il punto e' il mio div potrebbe necessitare o non necessitare delle barre di scorrimento, a seconda del suo contenuto.

Per cui le sue dimensioni esterne dovrebbero adattarsi al contenuto. Per esempio, se io volessi un div largo 100 pixel, e le barre di scorrimento fossero larghe 20 pixel, la dimensione esterna del mio #containerbox dovrebbe essere di:

100 pixel, se le barre di scorrimento sono assenti.
120 pixel, se le barre di scorrimento sono presenti.

[Simonetta72]

E se imposti una min-width ed anche una max-width? È un'idea così su due piedi...