[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

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

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	#2 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	#3 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