Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   popup с iframe - проблемы с фиксированной высотой (https://javascript.ru/forum/xhtml-html-css/44840-popup-s-iframe-problemy-s-fiksirovannojj-vysotojj.html)

sarnjak 04.02.2014 04:41

popup с iframe - проблемы с фиксированной высотой
 
iframe встроено в popup с фиксированной шириной, имеет фиксированную высоту.

#iframe_123 {height: 280px; width: 100%; margin-top: 0;}

НО!

на мобильных устройствах в некоторых браузерах (Opera, Safari) iframe растягивается под размер встроенной страницы, в результате часть контента оказывается за границами экрана. как можно это исправить?!

(в FireFox и Dolphin открывается правильно)

Deff 04.02.2014 06:52

Цитата:

Сообщение от sarnjak
iframe встроено в popup с фиксированной шириной, имеет фиксированную высоту.

допустии фиксированная ширина popup 300px
Тогда
#iframe_123 {height: 280px; width: 100%;max-width:300px; margin-top: 0;}

sarnjak 04.02.2014 10:20

iframe по высоте тянется. и попап и айфрэйм. (не айфрэйм внутри попап). уходят за реальные рамки экрана. фиксироовать высоту надо както. то есть height продублировать значением max-height нужно?

(уточняю потому что сейчас попробовать не могу)

Deff 04.02.2014 23:10

sarnjak,
Ну дык у popup зафиксируйте начальный размер, width и height (а не тот что автоматом по дефолту

sarnjak 05.02.2014 02:42

прописал height для iframe и для popup (280 px).

все равно браузер этот фактор не учитывает и растягивает все под встроенную страницу (по высоте). как и раньше

вот сайт: http://sarnjak.myjino.ru/
стиль мобильной версии - mobile.css


Часовой пояс GMT +3, время: 17:23.