Originariamente inviato da Nokao
Ho provato a sostituire il tuo iframe emulato e in effetti risolve il mio problema.

Pero', come setto le sue dimensioni?
Semplice, ti basta cambiare la width e la height presenti nel suo style.. Guarda:

codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
<head>
<title>Iframe Emulato</title>
<style>
.iframe {
width: 250px; /* Equivale alla larghezza del box */
height: 250px; /* Equivale alla lunghezza del box */
overflow: auto;
border: 1px solid #000;
padding: 5px;
}
</style>
</head>

<body>
<div class="iframe">
contenuto.
</div>
</body>
</html>
Ma vorrei che il contenuto della pagina avesse la sua scrollbar personale...
Vorrei che scomparissero tutte le altre scrollbar.
Quindi vuoi che le scroll "classiche" (per intenderci, quella verticale e orizzontale del browser) vengano eliminate ? Ok..

Allora puoi usare il l'iframe emulato per il contenuto e, tramite css, eliminare le altre scroll..

Quindi il codice diventa così:

codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
<head>
<title>Iframe Emulato</title>
<style>
html, body{overflow:hidden} /* Elimina le altre scroll */

.iframe {
width: 250px; /* Equivale alla larghezza del box */
height: 250px; /* Equivale alla lunghezza del box */
overflow: auto;
border: 1px solid #000;
padding: 5px;
}
</style>
</head>

<body>
<div class="iframe">
contenuto.
</div>
</body>
</html>

P.S
Per i layout ti basta vedere i link


Ciao