Simulare un FRAME con i CSS
Scritto da Alberto Giuliani
(http://www.agwebsolutions.it/)
il 22 luglio 2005
Da notare di questo codice l'attributo
che stabilisce il comportamento da assumere nel caso in cui il testo del DIV superi i limiti di grandezza del div stesso (100*100 nel nostro esempio).
Esso ? settabile a auto, hidden, scroll, inherit e visible.
Ricapitolando, gli attributi CSS necessari da settare nel DIV sono:
- overflow
- width
- height
- border (opzionale).
Molto utile questo codice per racchiudervi all'interno una newsboard o un testo scorrevole (vedi qui).
E' inoltre possibile personalizzare il colore della scroll bar del nostro DIV, come spiegato in questo articolo
In questo tutorial vedremo come sia possibile simulare un frame con i CSS.
Tramite i CSS ? possibile fare in modo che una determinata porzione della nostra pagina abbia una barra di scorrimento propria, e risulti apparentemente indipendente dal resto della pagina, sino a simulare l'effetto frame.
Questa porzione di testo sar? racchiusa entro i TAGs DIV.
Ecco un codice di esempio:
HTML
<div style="overflow: Auto; width: 100px; height: 100px; border:1px solid #000"> blablablabla<br /> blablablabla<br /> blablablabla<br /> blablablabla<br /> blablablabla<br /> blablablabla<br /> blablablabla<br /> blablablabla<br /> blablablabla<br /> blablablabla<br /> blablablabla<br /> </div>
Da notare di questo codice l'attributo
CSS
overflow: auto;
che stabilisce il comportamento da assumere nel caso in cui il testo del DIV superi i limiti di grandezza del div stesso (100*100 nel nostro esempio).
Esso ? settabile a auto, hidden, scroll, inherit e visible.
Ricapitolando, gli attributi CSS necessari da settare nel DIV sono:
- overflow
- width
- height
- border (opzionale).
Molto utile questo codice per racchiudervi all'interno una newsboard o un testo scorrevole (vedi qui).
E' inoltre possibile personalizzare il colore della scroll bar del nostro DIV, come spiegato in questo articolo
