iframe dimensionamento - croce problema di browser
-
01-07-2019 - |
Domanda
Io sono la visualizzazione di pagine da un sito esterno (che possiedo) in un iframe
in una delle mie pagine.Tutto bene, tranne quando vengono visualizzati in Opera con la finestra del browser di dimensioni ridotte (non widescreen), quando il iframe
si contrae e si schiaccia il contenuto.Funziona in widescreen (massimizzare la finestra del browser), ed è OK in IE7, Firefox, Chrome e Safari in ingrandimento e di riduzione delle dimensioni della finestra.Ho impostato le dimensioni dei fotogrammi in HTML e hanno nidificato il iframe
in un div
che è più grande di iframe
con i css.
È questo un particolare bug di Opera o c'è qualcosa che posso fare?
Soluzione
Abbiamo avuto un problema simile con iframe
dimensionamento sulla nostra web app pagina principale, anche se in IE6.La soluzione era quella di intercettare l' window.onresize
eventi e chiamare una funzione JavaScript in modo adeguato la dimensione iframe
. content
è il nome del iframe
vogliamo dimensioni.Inoltre, si noti che stiamo usando ASP.Net per l'AJAX $get
che si traduce in document.getElementById()
window.onresize=resizeContentFrame;
resizeContentFrame();
function resizeContentFrame() {
setFrameHeight($get('content'));
}
function setFrameHeight(f) {
if(isDefined(f)) {
var h=document.documentElement.scrollHeight;
h-=(HEADER_HEIGHT+CONTENT_PADDING+5);
f.style.height=h+'px';
}
}