100% ширины и высоты для фрейма | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Среда, 07.12.2016
Главная » 2013 » Март » 29 » 100% ширины и высоты для фрейма

ПрограммыДля юКоз
Веб-мастеруКниги онлайн
jQuery



Русские шрифты



15:11
100% ширины и высоты для фрейма

Как растянуть фрейм iframe на 100% ширины и высоты окна страницы




Не мог и подумать что найти способ растягивания страницы по высоте в теге <iframe> может вызвать затруднение.Ещё больше удивления доставил просмотр предлагаемых вариантов для этого.На самом деле всё предельно просто, достаточно воспользоваться свойствами CSS3 и не углубляться в возможности чудес JS.Фрейм займёт всё пространство открываемого окна при обнулении основных параметров значений отступов и бардюра, а так же абсолютном позиционировании.





Пример кода для применения


<style>
iframe{
position: absolute;
left: 0px;
top: 0px;
padding: 0px;
margin: 0px;
border: none;
width: 100%;
height: 100%;
}
</style>
<iframe src="http://delaisait.ucoz.ru/"></iframe>


Если появились предложения или вопросы по этому материалу используйте форму комментариев


Проверьте вариант кода для применения к <iframe>




Адаптивный сайт - aTmpl





© Категория: Веб-мастеру | Просмотров: 1151 | Добавил: IZOTOP | Теги: высоту для фрейма, ширину для фрейма, на всё окно| Рейтинг: 0.0/0

Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]