L'utilizzo di un iframe in un DIV uccide il resto della pagina

Question

Se inserisco un semplice iframe in un DIV, qualsiasi DIV sottostante non viene visualizzato, la pagina si ferma lì. Se scrivo solo un testo senza iframe, funziona bene, quindi è l'aggiunta dell'iframe che lo causa.

Il file caricato dall'iframe viene visualizzato a destra e visualizza solo la parola TEST.

Prima di iniziare a pubblicare un sacco di codice e roba, questo è generalmente un problema: un iframe può essere utilizzato all'interno di un'istruzione DIV?

Grazie

Answer 1

Non c'è ragione per cui non si può avvolgere un Iframe in un DIV, ma Iframe sono notoriamente difficili nel layout e, ovviamente, non sappiamo quello che altre regole di stile potrebbero essere che interessano il vostro modello di dialogo.

Si potrebbe provare a dare il DIV contenente un 'overflow: scroll' o anche solo 'overflow: auto' nel proprio CSS. Questo può aiutare a risolvere strani problemi del modello di box.

Answer 2

Sembra che tu stia commettendo un errore di codifica piuttosto comune: non puoi codificare uno iframe. Ad esempio:

<iframe src=" ... " /> 

non valido. È necessario fornire un elemento di chiusura completa:

<iframe src=" ... "></iframe> 

È sciocco, ma può causare la pagina completamente. Inoltre, verifica che le virgolette/gli apostrofi/i caret siano corretti, poiché potrebbero causare problemi simili.

Spero che questo aiuti!