Używanie elementu iframe w DIV zabija resztę strony

Question

Jeśli umieściłem prostą ramkę iframe w DIV, żadne DIV poniżej niej nie pojawią się, strona zatrzymuje się w tym miejscu. Jeśli po prostu wpisuję tekst bez elementu iframe, działa on poprawnie - więc powoduje to dodanie elementu iframe.

Plik załadowany przez element iframe jest dummied i wyświetla po prostu słowo TEST.

Zanim zacznę publikować dużo kodu i innych rzeczy, czy jest to generalnie problem - czy element iframe może być używany w ramach instrukcji DIV?

Dzięki

Answer 1

Nie ma powodu, nie można otoczyć iframe w DIV, ale IFrame są notorycznie trudne w układzie i oczywiście nie wiemy, co inne zasady stylizacji może mieć wpływ na swój model pudełku.

Możesz spróbować przekazać DIV zawierający "przepełnienie: przewinąć" lub nawet "przepełnienie: auto" w swoim CSS. Może to pomóc w rozwiązaniu problemów z dziwnymi modelami pudełek.

Answer 2

Wygląda na to, że popełniamy dość powszechny błąd kodowania: nie można oznaczyć krótkiego tagu jako iframe. Na przykład:

<iframe src=" ... " /> 

jest nieprawidłowy. Musisz podać pełny element zamykający:

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

To głupie, ale może spowodować, że strona całkowicie się złączy. Sprawdź również, czy wszystkie cytaty/apostrofy/porady są poprawne, ponieważ mogą powodować podobne problemy.

Mam nadzieję, że to pomoże!