Menüs über die ganze Seite erstrecken?

King2k hat ein Thema erstellt Menüs über die ganze Seite erstrecken?.

18.12.2005, 19:36
Menüs über die ganze Seite erstrecken?
Ich habe eine Seite, auf der ich 2 Menüs (eins rechts, eins links) habe, die sich immer bis zum Seitenende erstrecken sollen.

Lieber wären mir DIVs, Tabellen gehen zur Not aber auch...

Ich hab zuerst mal folgendes gemacht:

Code:

<html height="100%"> [...] <body height="100%"> [...] <div style="position: absolute; top: 0px; left: 0px; height: 100%;"> [Menüinhalt] </div> [...] </body> </html>

Zusätzlich zu den Menüs gibt's noch einen Inhalts-Teil in der Mitte, der idR länger ist, als die Menüs.

Nur das Problem ist, dass das Menü mit dem Code nur einmal 100% der Bildschirmfläche ist und danach aufhört.

Wie muss ich es anstellen, dass die MEnüs unabhängig von der Bildschirmauslösung und dem sonstigen Inhalt immer die gesamte Seite von oben bis unten füllen?
Stichworte: -
lomtas antwortet

28.12.2005, 22:53
Hier findest du alle benötigten Infos:
http://www.css4you.de/wslayout1/index.html

außerdem brauchst du einen trick. wie hieß der gleich? weiß nicht genau. aber du solltest dich mal in diesem forum erkundigen: www.xhtmlforum.de die haben da bisschen mehr plan...
Einen Kommentar schreiben:
Kofi antwortet

28.12.2005, 21:41
Mir würde einfallen, die menüs einfach so viele pixel height zuzuweisen, dass sie auf jeden Fall immer länger sind als der Inhalt in der mitte der Seite. Irgendwie so 10000 Pixel oder so.
Wäre aber ne ziemlich erbärmliche Lösung .

Ansonsten könntest du mit Tabellen arbeiten, so mit einem linken, mittleren und rechten Flügel, da sind die Zellen mein ich immer gleich hoch.
Einen Kommentar schreiben:
King2k antwortet

23.12.2005, 17:56
Schön, wenn's das gewesen wär..... HAbe keinerlei Veränderung festgestellt, die Menüs hören anch wie vor bei 100% des Bildschirms auf.
Einen Kommentar schreiben:

Baltasar antwortet

18.12.2005, 21:32

Code:

<html height="100%"> 
[...] 
<body height="100%">

autsch!

Code:

<html style="height:100%;">
[...] 
<body style="height:100%;">

Ankündigung

Menüs über die ganze Seite erstrecken?

Neue Werbung 2019

Menüs über die ganze Seite erstrecken?

Einen Kommentar schreiben:

Einen Kommentar schreiben:

Einen Kommentar schreiben:

Einen Kommentar schreiben: