Как изменить размер iFrame, содержащегося в div, внутри <td>

Question

Я делаю страницу, которая имеет вложенную систему выпадающего меню с левой стороны.Каждый пункт в меню указывает на другую страницу.Чтобы свести время загрузки страницы к минимуму, я загружаю контент в iFrame, который содержится в div, который обернут в td.Я заметил, что когда экран слишком короткий, меню может отображаться за пределами страницы.Я хотел бы изменить размер iFrame, чтобы он соответствовал границам окна, надеясь, что меню не будет отображаться за пределами экрана, сделав экран того же размера, что и окно, а также предотвратив несколько ужасных полос прокрутки.

Я попробовал несколько способов сделать это без удачи.Различные методы, которые я попробовал, включают это и эти. Я в растерянности и начал биться головой о монитор.Пожалуйста, помогите!

Answer 1

Вы можете исключить iFrame и использовать Ajax для загрузки вторичного контента в скрытые DIVs после рендеринга страницы (и основного контента).

В противном случае, почему бы вам просто не использовать что-токак

 $("iFrame").css("height", $(window).height() - some offset));

Answer 2

Без примера кода его сложно диагностировать, но я бы порекомендовал вам убедиться, что атрибуты width и height установлены на 100% в iframe И что у вас есть height: 100% style для div и td, которые содержат iframe.

Распространенной ошибкой является предположение, что все ваши элементы будут занимать 100% высоты дочернего элемента.

Кроме того, я бы настоятельно рекомендовал вам НЕ использовать iframes для этой цели.В настоящее время существует множество вариантов кэширования, и вы будете стрелять себе в ноги, когда дело доходит до масштабирования, JavaScript и т. Д.