[HTML] Hile bei Menüanordnung per css und iFrame

**Volker Z.**

Hallo,

ich bin mir nicht sicher, ob ich Dein Problem so richtig verstanden habe. Wenn Du für den Navigationsbereich eine fixe Höhe hast und nur den iframe in der Größe skalieren willst, dann hilft Dir vielleicht folgendes weiter

markieren

Code:

			<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

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

<!--

window.onload = renderIFrameContainer;

window.onresize = renderIFrameContainer;

function renderIFrameContainer(){

   var c1 = document.getElementById('c1');

   var c2 = document.getElementById('c2');

   var h  = c1.offsetTop + c1.offsetHeight

   c2.style.top    = h;

   c2.style.height = document.body.offsetHeight - h;

}

//-->

</script>

<style>

<!--

body{ height:100%; margin:0px; padding:0px; }

iframe{ border:none; height:100%; margin:0px; width:100%; overflow:hidden; }

div.container1{ height:120px; width:100%; position:absolute; }

div.container2{ bottom:0px; position:absolute; width:100%; }

-->

</style>

</head>

<body>

   <div class="container1" id="c1">Navigation</div>

   <div class="container2" id="c2">

      <iframe name="I1" id="I1" src="Sites/Home.html" frameborder="0" marginheight="0" marginwidth="0">

         Der Browser unterstützt keine Inlineframes oder ist aktuell so konfiguriert, dass Inlineframes nicht angezeigt werden.

      </iframe>

   </div>

<body>

</html>

Nimm zwei absolut positionierte <div>-Container und "pinne" den zweiten am unteren Browserrand (bottom:0px) fest.

Grüße V

[HTML] Hile bei Menüanordnung per css und iFrame

AW: [HTML] Hile bei Menüanordnung per css und iFrame

Forumregeln