[РЕШЕНО] iFrame во весь экран
Как сделать iFrame 100% и по ширине и по высоте страницы?
Verov
Доброго времени суток всем! Вставляю 3D тур на сайт через iFrame. Подскажите как можно сделать его на весь экран и по ширине и по высоте?
samson
Попробуйте так:

Код PHP:
  1.  
  2.  
  3. iframe {
  4. position: absolute;
  5. top: 0px;
  6. left: 0px;
  7. width: 100%;
  8. height: 100%;
  9. }
  10.  
добавьте куда то в файл .css
Редактировалось: 1 раз (Последний: 13 декабря 2019 в 09:49)
Verov
Огромное спасибо. Помогло.Правда тур растянулся на весь экран игнорируя левую колонку, тоже не беда, но, но вот ради интереса спрошу... как сделать чтобы тур был 100% ширины и высоты страницы, контентной области, а левая колонка осталась не тронутой.
samson:

Попробуйте так:

Код PHP:
  1.  
  2.  
  3. iframe {
  4. position: absolute;
  5. top: 0px;
  6. left: 0px;
  7. width: 100%;
  8. height: 100%;
  9. }
  10.  
добавьте куда то в файл .css
samson
Verov:
как сделать чтобы тур был 100% ширины и высоты страницы, контентной области, а левая колонка осталась не тронутой

Здесь есть проблема, размер iframe можно регулировать только если для него указан position: absolute;
А position: absolute; иногда отсчитывается от краев окна браузера.

Однако если поиграться на местности можно заставить position: absolute отсчитывать от родительского элемента, у которого в свойствах будет явно указано position: relative; если не ошибаюсь.

Смотрите например здесь, "1. Содержащий блок":
Скрытый текст виден только зарегистрированным пользователям


То есть Вам для страницы надо попробовать прописать position: relative; примерно так:

Код PHP:
  1.  
  2. .art-content-layout .art-content {
  3. margin: 0 auto;
  4. position: relative;
  5. }
  6.  
  7.  
Не проверял, но попробуйте, или может статья на что то натолкнет...
Редактировалось: 1 раз (Последний: 13 декабря 2019 в 13:20)
Verov
Огромное спасибо.Изучу. Так или иначе первоначальная проблема решена. Еще раз Благодарю!
samson:

Verov:
как сделать чтобы тур был 100% ширины и высоты страницы, контентной области, а левая колонка осталась не тронутой

Здесь есть проблема, размер iframe можно регулировать только если для него указан position: absolute;
А position: absolute; иногда отсчитывается от краев окна браузера.

Однако если поиграться на местности можно заставить position: absolute отсчитывать от родительского элемента, у которого в свойствах будет явно указано position: relative; если не ошибаюсь.

Смотрите например здесь, "1. Содержащий блок":
Скрытый текст виден только зарегистрированным пользователям


То есть Вам для страницы надо попробовать прописать position: relative; примерно так:

Код PHP:
  1.  
  2. .art-content-layout .art-content {
  3. margin: 0 auto;
  4. position: relative;
  5. }
  6.  
  7.  
Не проверял, но попробуйте, или может статья на что то натолкнет...
Добавлено спустя 2 минутыТему закрываю.
Перейти на форум: