Sighs. It was already posted. I guess I'll post it again. It does help to actually READ what the posts tell you.
THIS is the page that contains the iframe
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>ifame page</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
<meta name="Content-Style-Type" content="text/css"/>
<style type="text/css">
/*<![CDATA[*/
body {
background-color:#999;
color:#000;
}
#frameholder {
width:600px;
border:3px double #000;
background-color:#fff;
color:#000;
margin:50px auto;
}
#theframe {
width:600px;
height:500px;
border:none;
}
a {
background-color:inherit;
color:#000;
}
/*//]]>*/
</style>
</head>
<body>
<div>
<a href="test.html" target="theframe">test.html</a>
</div>
<div id="frameholder">
<iframe id="theframe" name="theframe" src="http://www.google.com" scrolling="no"></iframe>
</div>
</body>
</html>
THIS is the basic setup for the pages that will be the src of the iframe.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>test page</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
<meta name="Content-Script-Type" content="text/javascript"/>
<meta name="Content-Style-Type" content="text/css"/>
<style type="text/css">
/*<![CDATA[*/
body {
margin:0px;
padding:0px;
}
#container {
width:400px;
padding:20px;
background-color:#fff;
font-family:verdana,arial,helvetica,sans-serif;
font-size:16px;
color:#000;
}
#container p {
margin:0px;
padding:10px;
border:1px solid #000;
text-align:justify;
}
/*//]]>*/
</style>
<script type="text/javascript">
//<![CDATA[
function resizeIframe() {
parent.document.getElementById('frameholder').style.width=
parent.document.getElementById('theframe').style.width=
document.getElementById('container').offsetWidth+'px';
parent.document.getElementById('frameholder').style.height=
parent.document.getElementById('theframe').style.height=
document.getElementById('container').offsetHeight+'px';
}
onload=resizeIframe;
//]]>
</script>
</head>
<body>
<div id="container">
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent blandit venenatis purus.
Integer massa libero, vehicula id, consequat sed, tincidunt nec, purus. Class aptent taciti
sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Suspendisse potenti.
Nunc vulputate magna non magna. Aenean lorem eros, adipiscing quis, semper non, dictum a,
nunc. Curabitur ut sem. Pellentesque a est id neque hendrerit ultrices. Donec vulputate tincidunt
turpis. Curabitur dignissim vestibulum nunc. Aliquam felis lorem, ultrices sit amet, convallis a,
accumsan vel, ante. Proin aliquam turpis sed augue. In pellentesque, magna a pulvinar adipiscing,
est orci adipiscing felis, sed laoreet urna magna quis neque. Proin facilisis aliquet urna.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Sed
cursus feugiat mauris. Aenean pharetra purus a augue varius gravida. Aliquam gravida nibh ut nunc.
Integer tortor risus, posuere eget, rutrum non, semper a, tellus. Phasellus faucibus, elit nec egestas
adipiscing, sapien sapien lacinia nulla, et bibendum metus neque fermentum sapien. Etiam ante dui,
tincidunt ac, auctor eu, aliquet non, velit. Mauris enim libero, malesuada at, dignissim vitae, lobortis ut,
enim. Sed porttitor consequat eros. Morbi nec risus vitae diam sodales accumsan. Praesent ultrices
magna sit amet enim. Proin convallis ipsum non dolor. Donec eu tellus. Nam ut magna.
</p>
</div>
</body>
</html>
Where your content goes INSIDE of the div with id="container"