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...)
Vollansicht: Fuss Und Kopf Immer Sichtbar... ?
HTML-Editor phase 5 Support > Fragen, Lösungen zu HTML-Problemen bzw. Webdesign-Fragen - Talk > HTML
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
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
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
einfügen.
Dadurch scrollt er das div, wenn mehr Inhalt als Platz da ist... :-)
have fun!
Lars
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
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!!
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!!
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);
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/
Dieses ist eine vereinfachte Darstellung unseres Foreninhaltes. Um die detaillierte Vollansicht mit Formatierung und Bildern zu betrachten, bitte hier klicken.