I-Frame bliver ikke maksimeret i højden

Hjemmesiden er her:

http://pos.allanbjerre.dk

Du har jo lissom ikke fortalt iframen at den skal være stor ?-)

width er 100 % men højden er jo aldrig sat ...

Hvis du vil have et element til at være fuld højde, skal du huske at sætte det omkransende positionerede elements højde til det du vil udfylde, så typisk vil man have brug for:

html,body{height:100%}

Jeg har nu prøvet både at sætte højden på body til 100% og højden på i-framen til 100 %. Intet af det virker...

Den er da præcis 100 % af browserens højde ?-)

Ja i Mozilla er den... det ser sgu ikke alt for smart ud. I IE6 er der slet ingen forandring.

Prøv for sjov at sætte en border-bottom:1px solid white; ind på dit iframe-tag, så kan du se det !-)

-- desværre virker den øvelse kun, som du ønsker det i IE, hvis du undlader at fortælle den, at den skal følge reglerne !-|

Jeg vil bare gerne have den i-frame til at gå ned til bunden af browseren. Er der slet ikke nogen, der kan hjælpe mig?

Så skal der scriptes til det, for css-standarden understøtter det ikke ...

Nu har jeg ledt og ledt og har til sidst fundet et java-script, der kan resize min I-frame...

...Det eneste problem er, at det kun virker i Mozilla.

Mit script ser ud således:

<script type="text/javascript" language="javascript">

function getClientHeight() {
    return (typeof window.innerHeight != 'undefined') ?
                innerHeight :
            (document.documentElement && typeof document.documentElement.clientHeight != 'undefined') ?
                document.documentElement.clientHeight :
            (document.body && typeof document.body.clientHeight != 'undefined') ?
                document.body.clientHeight :
                null;
}

onload = onresize = function() {
  var hgt, cH = getClientHeight();
  var dm = 25; //differentmargins
  var hb = 16; //headlinebar
  var hl = 100; //headline
  var cb = 16; //contentbar
  if ((hgt = cH - (dm + hb + hl + cb)) > 0)
  document.getElementById('iframe').style.height = String( hgt + 'px');
}

</script>

Og min I-frame (ikke så vigtigt):

<?php #Content

if (!$menu) {

echo "<iframe name='main' id='iframe' src='page";
echo "0";
echo ".php' width='100%' frameborder='0'>
      </iframe>";

} else {

echo "<iframe name='main' id='iframe' src='page";
echo "$menu";
echo ".php' width='100%' frameborder='0'>
      </iframe>";

}

?>

Prøv med:

function getClientHeight(elm) {
    return elm.offsetHeight;
}

-- og

  var hgt, cH = getClientHeight(document.body);

Hvordan smider jeg koden ind i det samme javascript, så det virker både til Mozilla og IE?

Ja, nu virker den kode, som jeg selv fandt, altså både i IE og Mozilla...

...Så da jeg selv fandt løsningen, kan du jo ikke få nogen point roenving.

?-)