Antworten zum Thema „Dynamische Größe von Frames“

XpD · 17.09.2007

Hallo, ich habe ein Problem bei meiner website, und zwar überarbeite ich gerade das Design und da tut sich mein größtes Problem auf. Die Boardsuche und google hab ich schon verwendet, aber ich habe keine eindeutigen, bei mir funktionstüchitgen Lösungen gefunden.

Folgendes Problem stellt sich:

Die Seite ist in 4 Teile aufgeteilt wie unten auf dem Bild zu sehen.

Jetzt möchte ich aber, dass sich der Mainframe der Größe des Inhalts anpasst, d.h. wenn ich nur wenig Inhalt habe wird der Frame niediger, umso mehr Inhalt, desto länger zieht er sich. Der Footer sollte dann auch dementsprechend nachrücken.

Realisiert habe ich es im Moment mit einem iframe, der wie folgt aufegbaut ist:

Code:

<script language="JavaScript">
function iFrameHeight() {
if(document.getElementById && !(document.all)) {
h = document.getElementById('main').contentDocument.body.scrollHeight;
document.getElementById('main').style.height = h;
}
else if(document.all) {
h = document.frames('main').document.body.scrollHeight;
document.all.main.style.height = h;
}
}
</script>

HTML:

<iframe name="main" onLoad="iFrameHeight();" src="main.html" scrolling="no" scroll="no" id="iframename" marginwidth="0" marginheight="0" frameborder="0" style="width:100%;"></iframe>

Funktioniert auch, allerdings nur im IE6. Firefox, Opera und Safari machen Probleme.
Meine Frage ist, ob es nicht eine Lösung gibt, die bei den anderen Browsern auch ihren dienst verrichten.

Danke schonmal im voraus für Euro Antworten.

stb_87 · 17.09.2007

AW: Dynamische Größe von Frames

Versuche komplett auf Frames zu verzichten - lerne CSS!
Und dieser JavaSkript-Krams ist auch nicht sonderlich hilfreich!

Ansonsten löst du dieses Problem, in dem du alles, was mit einer Höhenangabe zu tun hast, weg lässt!!!

XpD · 17.09.2007

AW: Dynamische Größe von Frames

Das die Lösung mit js nicht die beste ist mir ja bewusst, deswegen frage ich hier nach einer anderen Möglichkeit.
Nur weiß ich nicht, wie ich es mit CSS umsetzen sollte bzw mit Tabellen.
Vielleicht kann mir jemand eine Basis zeigen, die ich dann entsprechend umsetzen/anpassen kann, weil ich in CSS nicht gerade geübt bin, bis auf die Grundeinstellungen die man vornehmen kann.

Duddle · 17.09.2007

AW: Dynamische Größe von Frames

Warum mit Tabellen?

Nimm das ganz einfache Blockelement <div> und formatier es:

HTML:

<html>
	<style type="text/css">
		#header, #navigation, #main, #footer {
			width: 40%;
			border:1px solid black;
			margin: 0 auto;

		}

		#navigation ul {
			display: inline;
		}
		#navigation ul li {
			display: inline;
		}
	</style>

	<div id="header">
		<h1>Ich bin ein Header!</h1>
	</div>
	<div id="navigation">
		<ul>
			<li><a href="home.html" title="Heimbereich">Home</a></li>
			<li><a href="impressum.html" title="Das Impressum">Impressum</a></li>
		</ul>
	</div>
	<div id="main">
		<h2>Ich bin eine &Uuml;berschrift zweiten Grades</h2>
		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi pulvinar feugiat augue. Morbi volutpat, quam nec euismod ullamcorper, magna elit laoreet ipsum, ac porta ipsum libero laoreet tellus. Sed lacus erat, rhoncus nec, placerat et, scelerisque eget, metus. Nam volutpat est vel elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris consequat viverra odio. Proin quis nisi. Maecenas ut sem eget nulla tincidunt fringilla. Nam tincidunt, libero fermentum luctus gravida, mi neque interdum dolor, nec congue diam ligula ac nisl. Sed vel nibh. Ut libero leo, porta sed, vestibulum in, scelerisque sit amet, felis. In eu erat eget nibh laoreet consectetuer. Donec justo. Donec eleifend, diam quis rutrum ultrices, risus nunc adipiscing neque, vel fringilla magna ante non dolor. Etiam consectetuer ligula et ante. Sed ultrices molestie enim.</p>
		<h2>Ich bin noch eine &Uuml;berschrift zweiten Grades</h2>
		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi pulvinar feugiat augue. Morbi volutpat, quam nec euismod ullamcorper, magna elit laoreet ipsum, ac porta ipsum libero laoreet tellus. Sed lacus erat, rhoncus nec, placerat et, scelerisque eget, metus. Nam volutpat est vel elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris consequat viverra odio. Proin quis nisi. Maecenas ut sem eget nulla tincidunt fringilla. Nam tincidunt, libero fermentum luctus gravida, mi neque interdum dolor, nec congue diam ligula ac nisl. Sed vel nibh. Ut libero leo, porta sed, vestibulum in, scelerisque sit amet, felis. In eu erat eget nibh laoreet consectetuer. Donec justo. Donec eleifend, diam quis rutrum ultrices, risus nunc adipiscing neque, vel fringilla magna ante non dolor. Etiam consectetuer ligula et ante. Sed ultrices molestie enim.</p>
	</div>
	<div id="footer">
		<h3>Ich stehe im Footer</h3>
	</div>
</html>

Achtung: bei o.g. Code fehlt noch eine Menge, also nicht einfach gedankenlos übernehmen.

Duddle

XpD · 17.09.2007

AW: Dynamische Größe von Frames

Danke, damit kann ich schonmal viel anfangen, bin gerade dabei es anzupassen. Und funktionieren tut es tadelos.