barre di scorrimento - gestione

[ThePenguin]

salve a tutti,

da una ricerca in questo forum ho tratto il seguente codice:

body { 
scrollbar-face-color: #E5E3D4; 
scrollbar-shadow-color: #8A8880; 
scrollbar-highlight-color: #FFFDEC; 
scrollbar-3dlight-color: #FFFDEC; 
scrollbar-darkshadow-color: #E5E3D4; 
scrollbar-track-color: #E5E3D4; 
scrollbar-arrow-color: #8A8880; 
margin-left: 0px; 
margin-top: 0px; 
margin-right: 0px; 
margin-bottom: 0px; 
}

perfetto mi serve per colorare le barre di scorrimento del browser!
ora però il mio problema si sviluppa in questi termini:

<div class="sezione">
 <div class="pippo1">...</div>
 <div class="pippo2">...</div>
 <div class="pippo1">...</div>
 <div class="pippo2">...</div>
 <div class="pippo1">...</div>
 <div class="pippo2">...</div>
</div>

in sezione c'è l'opzione overfow: auto ed infatti dato che i testi contenuti in sezione superano di gran lunga la lunghezza dell'area che ha altezza fissa mi appare la barra di scorrimento verticale.
Ora io vorrei personalizzare tale barra, ma facendo in modo che non mi venga modificata quella del browser qual'ora compaia.

In breve quella della finestra del browser al solito in 3d e grigia, mentre quella dentro la struttura piatta e colorata.
il codice che ho estratto dall'altra discussione dove lo devo piazzare?

Grazie mille!

[ThePenguin]

up

[noos]

il codice che hai postato tu
lo devi mettere nel foglio di stile css


il foglio di stile lo puoi mettere interno alla pagina
oppure esterno a questa in questo caso hai un file .css

[ThePenguin]

ok quello già lo sapevo...
io ho la mia pagina, nella pagina richiamo il foglio di stile (fogliodistile.css) a questo punto devo fare in modo che le barre siano colorate... ed utilizzo il codice sopra postato, ma... ed è qui il ma che mi trova impreparato... non devo mettere quel codice nel body poichè mi renderebbe colorate la barra di scorrimento del browser, ma ho bisogno che sia colorata solo quella del div chiamato sezione...

spero di erssermi spiegato meglio stavolta....

[ThePenguin]

non per altro ragazzi mi potreste almeno dire se quello che voglio fare è possibile o meno....

grazie

[pierofix]

Credo basti cambiare selettore, ovvero, al posto di body utilizzerai #sezione.

Conta, però, che le proprietà per colorare le scroll non fanno parte degli standard, quindi pochissima compatibilità e validazione W3C mancata.

[ThePenguin]

Originariamente inviato da pierofix
Credo basti cambiare selettore, ovvero, al posto di body utilizzerai #sezione.

Conta, però, che le proprietà per colorare le scroll non fanno parte degli standard, quindi pochissima compatibilità e validazione W3C mancata.

immaginavo che il w3c potesse pintarmi qualche grana ma il mio a questo punto diventa un problema di tipo grafico ho scelto il sito ad effetto ma non in flash, e quindi ora immagino che se ottengo risultati sotto il profilo grafico da un parte debba per forza andare a sacrificare qualcosa d'atro vedesi compatibilità col w3c...

ciao

[pierofix]

Originariamente inviato da ThePenguin
immagino che se ottengo risultati sotto il profilo grafico da un parte debba per forza andare a sacrificare qualcosa d'atro vedesi compatibilità col w3c...

Vallo a dire a queste persone:

- www.re1.it/pierofix/me/bookmarks.htm#css
- www.zeldman.com/externals
- http://forum.html.it/forum/showthrea...hreadid=918395

[V4NY]

se i particolari della scrollbar la metti a html e non body la valida ^^ (nel css intendo)

[ThePenguin]

vabbè io sono sempre aperto ad altre soluzioni se ci sono per scrollare un div senza intaccare i risultati di usabilità e acessibilità imposti dal w3c... ma anche senza intaccare la grafica del sito...