Page 1 of 1

height 100% how?

PostPosted: 30 Jan 2020, 14:36
by jackal
Does anyone know how I can make the height fit to screen? I got width 100% works but height:100% does not.

<iframe src="/chat/public/popout/" width="100%" height="500" frameborder="0" style="border:1px solid #aaa"></iframe>

Anyone?

Re: height 100% how?

PostPosted: 31 Jan 2020, 14:14
by Jason
A lot of different ways to do this depending on what you're trying to do.
Code: Select all
style="width:100vw;height:100vh"
That may work.

Re: height 100% how?

PostPosted: 01 Feb 2020, 11:26
by jackal
A lot of different ways to do this depending on what you're trying to do.
Code: Select all
style="width:100vw;height:100vh"
That may work.
Thank you, sir. That works but I have scroll down to see everything. I want to show full hight without having to scroll down.

Re: height 100% how?

PostPosted: 02 Feb 2020, 08:18
by jackal
Meaning that the "box field where you type" is visible without having to scroll down.

Re: height 100% how?

PostPosted: 04 Feb 2020, 21:28
by zoxtrix
Try reducing the ### value in the height:###vh directive to a lower numeric until it fits your page view.