Simulare un Tag Iframe con un Tag Div e i CSS

Può capitare, nella composizione di una pagina HTML, di avere l’esigenza di utilizzare un tag iframe in modo da visualizzare in una parte della pagina Web una finestra con contenuto scorrevole; ciò è utile se vogliamo che una parte consistente di testo non obblighi a “scrollare” tutta la pagina ma solo la parte interessata.

Lo svantaggio del tag iframe consiste nel dover preparare una pagina HTML ad hoc che rappresenta il contenuto vero e proprio della finestra scorrevole. Inoltre l’utilizzo di iframe nuoce all’accessibilità del sito e non permette una stampa fatta come si deve della pagina Web.

Per ovviare a questi problemi è possibile utilizzare un normale tag div, che congiuntamente all’utilizzo di un foglio di stile, permette di simulare lo stesso comportamento di un tag iframe.

Per fare questo bisogna utilizzare la proprietà overflow impostata a “auto” applicata al tag div in questione, e ciò che è contenuto all’interno di questo tag sarà identico al contenuto di un tag iframe.