margine da scroll

**Dedalit** · 09-11-2006, 18:36

Ciao a tutti,
ho un problema con i css che gestiscono la spazio del testo dallo scroll:

<div style="width: 248px; height: 251px; overflow:auto; border: 5px; background-color: #FFA202">
<p align="justify" ><font size="2" face="Arial, Helvetica, sans-serif">
testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo
</font></p>
</div>

che tag devo inserire per distansiare il campo di testo dallo scroll?

**Mich_** · 09-11-2006, 19:02

Quello che chiami scroll, sarebbe il margine destro?

Allora ti basta inserire nel CSS (ad esempio):
margin-right: 10px; /* oppure margin-right: 2em; */

**Dedalit** · 09-11-2006, 19:56

ho provato come mi hai detto:

<div style="width: 248px; height: 251px; overflow:auto; margin-right: 2em; background-color: #FFA202">

oppure:

<div style="width: 248px; height: 251px; overflow:auto; margin-right: 10px; background-color: #FFA202">

non mi funziona

**Mich_** · 10-11-2006, 09:41

C'e` lo spazio per il margine?
Come e` noto il margine va ad aumentare la larghezza totale del blocco, per cui devi avere lo spazio sufficiente.
Che DTD usi?

Hai un link per vedere l'effetto risultante?

**Dedalit** · 10-11-2006, 13:43

cosa intendi per DTD? (scusa l'ignioranza)

quello con: margin-right: 10px;
http://www.pruvit.it/prova/prova01.htm

quello con: margin-right: 2em;
http://www.pruvit.it/prova/prova02.htm

**Mich_** · 13-11-2006, 10:31

DTD = Document Type Definition. Viene definita nel DOCTYPE.
Tu usi HTML 4 Transitional.

Nel tuo codice stai mescolando formattazione HTML e formattazione tramite CSS, che non e` mai una buona cosa (lascia liberi i browser di fare come preferiscono).

Per cui devi:
1. eliminare gli attributi di formattazione (spostarli nel CSS)
2. eliminare i tag di formattazione (idem)

Inoltre nel tuo esempio non si vede se la cosa funziona o no, dato che non si vede la larghezza del <div>.
Prova con questo esempio modificato:

codice:

<body style="background-color: #00f;">
<div style="width: 248px; height: 251px; overflow:auto; margin-right: 50px; background-color: #aaa;">
  <p style="text-align: justify; font: bigger Arial, Helvetica, sans-serif; background-color: #FFA202;">
    testo testo testo testo testo testo testo testo testo testo testo ... testo testo testo testo 
  </p>
</div>
</body>

Discussione: margine da scroll

Strumenti discussione

Ricerca discussione

Visualizza

margine da scroll

ciao e grazie!!

Permessi di invio