Posted by Jeff on 11/22/05 15:29

Hey

I'm testing this on IE, 6.0 (but I want my code to work on all modern
browsers: Opera, FireFox, IE, Netscape Navigator)

I want the iframe (see code below) to fill the entire space the DIV it is
placed within
<div id="content">
<iframe id="frameid">
</iframe>
</div>

This is the CSS data I use to configure the layout of the html code:
#frameid {
left:0px;
right:0px;
width:100%;
border:2px solid #00C;
background-color:#C0C0C0;
}

#content {
margin:0 190px 0;
left:190px;
border:2px solid #00C;
background-color:#C0C0C0;
}

The problem is that the width of the IFRAME is larger than the DIV it's
placed within, I thought if I specified the IFRAME width to be 100% it's
then set to 100% of its parent container (here the DIV)??

Do you have any tips about what CSS/HTML setting I must use so that size of
the IFRAME is the SIZE of the DIV, then please send them to me...

Best Regards!

Jeff

[Back to original message]