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

**lbccaleb**

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

**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

**schlagzu**

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

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

markieren

Code:

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

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

**lbccaleb**

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):

markieren

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>

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

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

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

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

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

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

Forumregeln

schlagzu Registriert seit: 11. Okt 2010 86 Beiträge Delphi XE Starter	#3 AW: [HTML] Hile bei Menüanordnung per css und iFrame 18. Dez 2012, 22:06 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
	Zitat

bernerbaer (Gast) n/a Beiträge	#4 AW: [HTML] Hile bei Menüanordnung per css und iFrame 18. Dez 2012, 22:51 Ich habe jetzt den Anhang nicht angeschaut, aber hast Du es mit overflow versucht? markieren Code: <iframe style="overflow:visible; width:400px; height:600px;" frameborder="0" scrolling="yes" src="dieframeseite.html"></iframe>
	Zitat