Hallo,

Als ik mijn iFrame volledig wil laten zien (dus de gehele pagina) dan zet ik hem op

Code:

 height="100%" width="100%">

Maar, in de hoogte toont die maar zo'n 50pixels van een pagina die zo'n 1000+ pixels hoog is.
Ik denk dat de oorzaak ligt in het feit dat de Div waarin de iframe staat ook ingesteld staat op height="100%".

Hoe zou ik dit kunnen oplossen, niet doormiddel van pixels, want het is een module waarin je moet doorklikken, waarbij dus ook de pagina hoogte veranderd

alvast bedankt,

Volgens mij kan je height niet in procenten neerzetten, geef het een vaste waarde.

Denk eerder dat je het verkeerd doet qua doctype, body niet 100% enzovoorts. Heb je code / online voorbeeld ?

doe eens <iframe style="width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;"></iframe>

Ik zou die iframe verwijderen en de div wijzigen in zoiets:
#frame {
background: #69C;
border: solid 1px silver;
width: 300px;
padding: 5px;
height: 250px;
overflow: auto;
}

Of je neemt vanplaats een iframe, een frame.

http://www.handleidinghtml.nl/html/frames/frames03.html

As seen on the internets:

Code:

<iframe id="frame" src="http://google.com/" width="100%" frameborder="0" marginheight="0" marginwidth="0"></iframe>
<script type="text/javascript">
function resizeIframe() {
    var height = document.documentElement.clientHeight;
    height -= document.getElementById('frame').offsetTop;
    
    // not sure how to get this dynamically
    height -= 20; /* whatever you set your body bottom margin/padding to be */
    
    document.getElementById('frame').style.height = height +"px";
    
};
document.getElementById('frame').onload = resizeIframe;
window.onresize = resizeIframe;
</script>