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

Delphi-PRAXiS (https://www.delphipraxis.net/forum.php)

- Programmieren allgemein (https://www.delphipraxis.net/40-programmieren-allgemein/)

- - [HTML] Hile bei Menüanordnung per css und iFrame (https://www.delphipraxis.net/172204-%5Bhtml%5D-hile-bei-menueanordnung-per-css-und-iframe.html)

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

Also, ich hatte mir eigentlich gedacht, das es keine große Sache wird, aber ich habe mich wohl geirrt.
Ich habe mir eine kleine Informationsseite gebaut, welche nur ein paar Hilfestellungen zu einem kleinen Programm von mir geben soll.
Das Problem was ich habe ist, dass ich irgendwie das iFrame nicht vernünftig unter dem oben positionierten Menü angeordnet bekomme.

Egal was ich mache, jedesmal klappt dann irgend was anderes nicht.

Ich habe mal die Seite (Teil davon) angehangen, der mein Problem verdeutlicht.
Haben möchte ich es eigentlich so, dass das Menü oben positioniert ist (wie es bereits in der zip enthalten ist) und das iFrame (in welcchem die einelnen Seiten angezeigt werden sollen) unter dem Menü eine feste Position hat.
Ist der Text nun länger als es der Bildschirm zulässt, soll rechts eine Scrollbar erscheinen.
(im mom habe ich in dem Fall 2, eine irgendwie fürs menü und eine für die Seite dann)

Also meine Frage nun, kann da vllt. mal einer mit höheren html Kenntnissen drüber blicken und das für mich richten, oder Tipps geben was ich da falsch mache? Ich hab mich mit iFrame schon tot-gegoogelt. Aber irgendwie nichts brauchbares gefunden.

Edit:
Aso, bitte nicht lachen, ich hab kein Programm für sowas, das ist in Notepad geschrieben :D

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

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

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

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

Hallo,

ich habe 2 Vorschläge:

1) Auf iframe verzichten und für jede Seite ne html mit komplettem Menü (kann man gut mit php generieren)
2) Komplett auf frames setzten ala:

http://de.selfhtml.org/html/frames/d....htm#framesets

Mfg schlagzu

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

Ich habe jetzt den Anhang nicht angeschaut, aber hast Du es mit overflow versucht?

Code:

			<iframe style="overflow:visible; width:400px; height:600px;" frameborder="0" 

        scrolling="yes" src="dieframeseite.html"></iframe>

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

Vielen Dank es funktioniert so!
Es lag an der Resize funktion, die wird wohl benötigt.
Außerdem hatte ich noch nen Copy&Paste Fehler drin, den ich auch erst jetzt gefunden hab.

Du hast auch noch nen kleinen Fehler(So ists richtig):

Code:

			<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 + "px";

   c2.style.height = (document.body.offsetHeight - h) + "px";

}

//-->

</script>