How to make width and height of iframe same as its parent div?

Question

I have a iframe inside a div. I want the size of iframe to be exactly the size of its parent div. I used following code to set the width and height of iframe.

Answer 1

you have a lot of typos.

a correct markup should be like:

also, if this frame already has an ID, why don't you put this in CSS like this (from a separate stylesheet file):

#myIframe
{
    position: relative;
    height: 100%;
    width: 100%; 
}

and HTML

mind that scrolling & frameborder are iframe attribute, not style attribute.