Fuss Und Kopf Immer Sichtbar... ? Einstellungen

[floppy]

Hi zusammen,

ich Suche nach einer Möglichkeit eine Seite folgendermaßen aufzubauen:

[div KOPF ] immer sichtbar (menü und so)
[div MAIN ] nimmt den restlichen Platz der Seite ein, ggf. mit scrollbar
[div FUSS ] immer sichtbar

Ich bekomm es leider nur mit Frames hin -- das will ich aber nicht .
Andernfalls muss ich dem div MAIN eine feste Pixelgröße geben; das will ich aber auch nicht.

Hat jemand ne Idee wie man das lösen könnte? (Geht das überhaupt??)


(Ich habe nicht alle alten Beiträge vorher gelesen; ich hoffe es ist keine FAQ...)

[sgt]

Hallo floppy,

wenn Du den gesamten Anzeigebereich des Browsers variabel nutzen willst, mußt Du die Maße vorher mittels JavaScript auslesen.

Du subtrahierst dann von der erhalten Höhe die Höhe des Kopf-/Fuß-DIVS und erhälst somit die Höhe für Deinen Info-Bereich.
Wenn dieser Info-Bereich scrollbar sein soll, mußt Du ein <iframe> dort platzieren. Über CSS gibst Du alle nöigen Werte (Höhe, Breite etc.) an.

Diese Methode ist im Gegensatz zu Frames relativ aufwendig.

Gruß
Stephan

[harlequin]

moin!

Wenn du dich auf eine Bildschirmgrösse geeinigt hast kannst du den div Containern feste Grössen geben und in der StyleSheet Angabe für den MAIN Container

QUELLTEXT

overflow: auto;

einfügen.

Dadurch scrollt er das div, wenn mehr Inhalt als Platz da ist... :-)

have fun!
Lars

[floppy]

JavaScript ...

ja, sowas habe ich schonmal programmiert.
Ziemlich ätzend! (Inklusive einer timergesteuerten Schleife die ständig die Fenstergröße abfragt und im Zweifelsfall alles resized und eine Defaulteinstellung die klein genug ist um ohne JavaScript auf 800x600 zu passen *kopfschüttel* )

Naja, wenns nicht anders geht muss ich wohl mein Seitenlayout nochmal
überdenken.

Auf jeden Fall vielen Dank für die rasche Hilfe!!

[markusm]

QUELLTEXT

position:fixed;

das musst du aber ganz ganz gut für den ie verstecken!!!

dann klapts auch mit dem ie ( aber nur mit ihm)

QUELLTEXT

position: expression("absolute");
top: expression(document.body.scrollTop - this.offsetHeight + this.offsetHeight);

natürlich kommt beides in das css
wie du an die eigentliche Fensterhöhe kommst ist eine andere Sache
( ich habe es nur oben gemacht)
beispiel :http://schlammungeheuer.de/board/

[Google Bot]