I want to generate an iframe whose height will extend to the bottom of the browser window. If the user changes the height of the browser, then the iframe’s height should change dynamically as well. However, I’d like for the iframe to have a minimum height past which it would not shrink any further. How would I do this?
Share
I’m doing something very similar.
1) Get a hold of the window resize event (I am using jQuery)
2) Pop in what you want your actions to be. For me I was setting a height explicitly on the body of the document so my CSS of height:100% on an inner container would take hold. You could do anything within the function:
My markup :
My CSS :