Как растянуть iframe на весь экран
Перейти к содержимому

Как растянуть iframe на весь экран

  • автор:

«Полный экран» <iframe>

IFrame не проходит полностью — 10px белая «граница» окружает iframe. Как я могу это решить?

Вот изображение проблемы:

Изображение 8677

8 ответов

В большинстве браузеров body имеет значение по умолчанию. Попробуйте:

на странице с iframe .

Чтобы покрыть весь видовой экран, вы можете использовать:

И убедитесь, что для полей страницы в рамке установлено значение 0, например body body — На самом деле, это не обязательно с этим решением.

https://amdy.su/wp-admin/options-general.php?page=ad-inserter.php#tab-8

Я использую это успешно, с дополнительным display:none и JS, чтобы показать его, когда пользователь нажимает на соответствующий элемент управления.

Примечание. Чтобы заполнить родительскую область просмотра вместо всего окна просмотра, измените position:fixed на position:absolute .

iframe во всю высоту окна браузера

С помощью CSS невозможно задать высоту iframe 100%, поэтому высота его фиксированная (с полосами прокрутки по вертикали). Для растяжения содержимого ифрейма во всю высоту без полос прокрутки существует простое решение с использованием jQuery. А как это осуществить без использования фреймворков?

Ответы (5 шт):

В подключаемом через iframe файле прописываем код :

Вне зависимости где в документе находится iframe и какой он ширины он правильно разворачивается во всю высоту окна без полос прокрутки.

Все, разобрался. Дело в том, что я протормозил, фрейм хоть и имел height:100%, однако был вложен в див-элемент, для которого также нужно было прописать 100% высоты

Предложенный вариант с onload не работает, если юзер поменяет размер окна после загрузки.

Я попробовал вариант с height:100%, position: absolute и border = margin = padding = 0.

В Chrome/Firefox/Opera/IE7 всё сработало как надо. IE показал полосу прокрутки, но неактивную, он всегда её кажет.

Как растянуть Iframe во весь экран?

Здравствуйте, помогите мне растянуть iframe во весь экран, я пробую так:

Но у меня со всех сторон где то отступ по 5px.

Ссылка на комментарий
Поделиться на других сайтах

1 ответ на этот вопрос

  • Сортировать по голосам
  • Сортировать по дате

Рекомендованные сообщения

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.
Примечание: вашему сообщению потребуется утверждение модератора, прежде чем оно станет доступным.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *