Iframe Inside Div Cut Off Content

i have an iframe inside a div. the thing is, the iframe have an expanding menu (expands vertically) inside it. so, the height of the iframe will be dynamic, depending on what item

Solution 1:

ok this plug-in is out there to do what you requested, but it works only if the iframe src is in your domain.

there is also an article on css tricks you might want to look at.

Solution 2:

Answer is in your CSS,

you may write this

overflow-y:scroll; //that will create a scroll in the iframe the content will not be hidden,

while you write OVERFLOW: HIDDEN; it will take the contenr increase in overflow and will cut down, will not shown.

Edit : for new link

Refer Old conversation for the same

http://stackoverflow.com/questions/934323/control-iframe-height-with-jquery

that will do :)