Simulare gli iFrame con i CSS
Avete presente il box che c'è nell'home page con le news? Quello con la barra di scorrimento laterale per intenderci. Visto cosí potrebbe sembrare un'iframe, ma in realtà è stato realizzato con un foglio di stile. Per fare ció basta creare un classe come questa nel fosto foglio di style:
.scroll { overflow: auto;
width: 130px;
height: 130px; }
Impostando overflow ad auto, verranno visualizzate automaticamente le scrollbars quando ce ne sarà bisogno. Se invece volete che la scrollbar venga sempre visualizzata impostate overflow a scroll.Le dimensioni sono obbligatorie perchè se non fossero impstate non verrebbe visalizzata la scrollbar. Le dimensioni possono essere impostate o in px o in em, attualmente solo FireFox visualizza le scroll bar se si utilizzano le percentuali.
Adesso andiamo ad applicare la classe al nostro DIV:
<div class="scroll">Qui va posto tutto il testo che vogliamo venga visualizzato nel box.</div>
Quindi il risultato che otterremo sarà questo:
Chiaramente questa è solo la base e conoscendo i CSS si può chiaramente applicare al DIV un bordo, un colore diverso per il testo, un diverso margine...
Spero che questo tutorial possa esservi stato utile, per dirmi cosa ne pensate contattatemi via e-mail.
