Frage zur dynamischen Höhe einer Webseite

**mx3-freak** · 26.10.2011, 13:47

Hallo zusammen,

ich habe bei meiner Webseite die Breite und Höhe auf "dynamisch" eingestellt. Links ist das Navigationsmenü (hat immer dieselbe Höhe), in der Mitte der main-Text nd rechts ist eine Terminliste. Wenn nun in der Terminliste keine Einträge sind, rutscht die Fußzeile nach oben und überagert den main-Text. Wie kann ich dies verhindern, dass die Fußzeile immer zwingend unter dem Main-Text bleibt (abhängig von der Bildschirmauflösung).

Grüße
mx3-freak

**MiTsch** · 26.10.2011, 13:58

Hallo mx3-freak,

Du könntest z.B. einen Sticky Footer verwenden dann bleibt der Footer immer unterhalb des Main-Bereiches.

Viele Grüße
MiTsch

**montapro** · 26.10.2011, 16:04

Setz die Bereiche #main, #left #right und #footer auf position:relative. Dann müsste es gehn!

LG
Markus

**mx3-freak** · 26.10.2011, 17:16

Zitat von montapro

Setz die Bereiche #main, #left #right und #footer auf position:relative. Dann müsste es gehn!

LG
Markus

Funktioniert leider nicht :-( Wenn ich die vier Bereich auf Position absolue setzen, überlagern sie sich alle vier im oberen linken eck (unterhalb des Headers)...?

**mx3-freak** · 26.10.2011, 17:17

Zitat von MiTsch

Hallo mx3-freak,

Du könntest z.B. einen Sticky Footer verwenden dann bleibt der Footer immer unterhalb des Main-Bereiches.

Viele Grüße
MiTsch

Sagt mir nicht viel...? Wie kann ich das einstellen?

**tblumrich** · 26.10.2011, 17:21

Funktioniert leider nicht :-( Wenn ich die vier Bereich auf Position absolue setzen, überlagern sie sich alle vier im oberen linken eck (unterhalb des Headers)...?

Er schrieb auch nicht "absolute".

Mich würde mal interessieren, was du mit "dynamisch eingestellt" meinst?
Normal sollte der Footer immer unter dem längsten Containerelement sein bzw. eben unter dem Container - es sei denn du hast diesen aus dem Fluß genommen.

Standard Aufbau ist ja Header - Container - Footer. Left, Main und Right befinden sich IM Container.

Gruß
Thomas

**mx3-freak** · 26.10.2011, 17:41

Sorry, habe absolute mit relative verwechselt. Ich habe es nun auf relatie geändert, leider ohne erfolg.

Die Seite besteht aus Header, Container (left, main, right) und Footer. In der linken Spalte wird das Navigationsmenü angezeigt. Der Footer bleibt immer unter dem main-Element, ragt jedoch von der Höhe her ins Menü rein, wenn der Text im Main kürzer ist als das Menü. wo kann ich denn einstellen, dass er immer unter dem längsten Element bleibt, auch unter der Navigation, falls diese das längste Element ist?

**tblumrich** · 27.10.2011, 00:20

Schwer einzuschätzen ohne nur ein Fünkchen zu sehen...

Normal sollte das nicht passieren. Kann das aber hier auch auf die Schnelle nicht nachbauen. Gib deinem #footer mal ein clear:both.
Eigentlich gibts doch aber ein Cleardiv...

Ich glaube ich geh mal ins Bett. Gute Nacht.

**wotank** · 27.10.2011, 08:21

Zitat von tblumrich

Schwer einzuschätzen ohne nur ein Fünkchen zu sehen...

ich finde es immer ausgesprochen mühsam wenn kein Link zur Problemsite mitgepostet wird.
Mit einem Link könnte man mit Firebug rumprobieren, um dem Fragesteller schnelle und effektive Hilfe anzubieten.

Leider bleibt der Fragesteller wie so oft ohne Link und mit einer eher kryptischen Fehlerbeschreibung, was den Fred mit lustigem Rumgeräte in ungeahnte Dimensionen treibt.

Um mich auch mal am Rumgerate zu beteiligen würde ich mich spontan Thomas Vermutung anschließen:
es ist nicht oder falsch gecleart worden.

**MiTsch** · 27.10.2011, 10:28

Hallo mx3-freak,

MiTschSagt mir nicht viel...? Wie kann ich das einstellen?

Hier findest Du eine Anleitung zum Sticky Footer.
Solltest Du den Sticky Footer im Zusammenspiel mit dem Imageslider verwenden, so beachte bitte auch diesen Thread.

Viele Grüße
MiTsch