# Iframe with 80% height?

**URL:** <https://forums.realmacsoftware.com/t/iframe-with-80-height/35925>\
**Category:** RapidWeaver Classic\
**Created:** [November 27, 2020, 6:28pm UTC](https://forums.realmacsoftware.com/t/iframe-with-80-height/35925 "2020-11-27T18:28:38Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Fuellemann](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/fuellemann/32/22871_2.png) [@Fuellemann](https://forums.realmacsoftware.com/u/Fuellemann)\
**Post date:** [November 27, 2020, 6:28pm UTC](https://forums.realmacsoftware.com/t/iframe-with-80-height/35925/1 "2020-11-27T18:28:38Z")

</div>

I would like to add an iFrame to one webpage. This page needs to show a footer. The rest is the iFrame. How can I make this responsive, so that the iFrame will always use 80% of the page? The contents of the iFrame is another website which is responsive, so that is not a problem.

---

<div class="post-metadata">

**Author:** ![joeworkman](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/joeworkman/32/23780_2.png) [@joeworkman](https://forums.realmacsoftware.com/u/joeworkman)\
**Post date:** [November 27, 2020, 6:33pm UTC](https://forums.realmacsoftware.com/t/iframe-with-80-height/35925/2 "2020-11-27T18:33:01Z")

</div>

My Offsite stack allows you to add a class to the iframe.

Then you can add some css.

`.offsite{height:80vh}`

If you have F6, then is even easier with a swatch or utility classes.

---

<div class="post-metadata">

**Author:** ![Fuellemann](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/fuellemann/32/22871_2.png) [@Fuellemann](https://forums.realmacsoftware.com/u/Fuellemann)\
**Post date:** [November 27, 2020, 7:02pm UTC](https://forums.realmacsoftware.com/t/iframe-with-80-height/35925/3 "2020-11-27T19:02:44Z")

</div>

> [@joeworkman](#):
>
> .offsite{height:80vh}

Perfect, I have this stack 🙂

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/system/32/25301_2.png) [@system](https://forums.realmacsoftware.com/u/system)\
**Post date:** [December 28, 2020, 5:02am UTC](https://forums.realmacsoftware.com/t/iframe-with-80-height/35925/4 "2020-12-28T05:02:51Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.