Mathias Bigge: Objekt am unteren Seitenrand ausrichten

Beitrag lesen

Hi Heike,

Ein Element soll nun immer am unteren Seitenrand positioniert sein. Ich habe die Seitenhöhe schon auf 100% gestellt, mein Objekt mit position: absolute; bottom: 0px; positioniert. Es befindet sich stattdessen immer in der Mitte der Seite.

Ingo hat Dir schon den Hinweis auf das Elternelement gegeben. Vielleicht gibt es zwei Lösungsansätze:

1. Die Suche nach dem Elternelement:
Erstmal die divs mit Rändern versehen, wenn Du es anders nicht rausbekommst; es könnte ein Block sein, dessen Unterkante in der Seitenmitte liegt.

2. Reduktion von Komplexität
Einfach mal zum Testen eine einfache Seite aufbauen, die nur aus den relevanten Elementen besteht und prüfen, wie die Positionierung funktioniert. Alle Probleme löst das aber nicht, da der Inhalt eventuell die Höhe der Elternelemente beeinflusst.

Weitere Fragen:

  • In welchem Browser hast Du geprüft?
  • Gibt es eine hochgeladene Seite, die man sich anschauen kann?
  • Ist es der richtige Ansatz, body und html eine Höhe von 100% zu geben? Das kann eigenartige Effekte ergeben, wenn der Inhalt größer als die Seite ist.
  • Soll die Seite immer den ganzen Bildschirm füllen, die Inhalte also niemals darüber hinausgehen? Wenn nicht, gib mal body, html und den Elternelementen versuchsweise ein position:relative ohne weitere Angaben und versuch dann mal Dein Element zu positionieren.

Viele Grüße
Mathias Bigge