ow jawel dat gaat, met javascript is dit op 3 lijntjes gefixed.
dit is je iframe:
Code:
<iframe id="testiframe" src="vulling.html" frameborder="0" scrolling="auto"></iframe>
en dit is de code die je onderaan elke page zet die in het iframe komt! (dus net boven </body>)
Code:
<script>
<!--
if (parent.document.getElementById("testiframe")) {
parent.document.getElementById("testiframe").style.width = document.body.offsetWidth + "px";
parent.document.getElementById("testiframe").style.height = document.body.offsetHeight + "px";
}
//-->
</script>
als je de width out-comment, dan moet je wel extra space voorzien om de horizontal scrollbar op te vangen (+- 24 pixels maximum crossbrowser - voor zover ik weet is 25 toch voldoende om alles te coveren)
Code:
<script>
<!--
if (parent.document.getElementById("testiframe")) {
// parent.document.getElementById("testiframe").style.width = document.body.offsetWidth + "px";
parent.document.getElementById("testiframe").style.height = (document.body.offsetHeight + 24) + "px";
}
//-->
</script>
Dit bovenstaande is als je je iframe NIET voorziet van borders dmv het frameborder attribuut, anders moet je enkele pixels bijtellen voor die extra borderwidth en height op te vangen. Dit is niet nodig als je met css borders toepast omdat die er langs buiten aangeplakt worden (je iframe wordt groter door css borders, als je frameborder attribuut toepast wordt je beschikbare ruimte binnenin je iframe kleiner)