Positionierung und Größe

Modul Design Layout-Bereich - Struktur / Element, z.B. Container, markieren Eigenschaftendialog / Weiter bis Positionierung und Größe

Positionierung

Statische Positionierung

Nach einem Element mit dieser Einstellung wird ein Zeilenumbruch im HTML eingetragen.

Absolute Positionierung

Mit dieser Einstellung haben Elemente keinen Einfluss auf nachfolgende oder benachbarte Elemente. Absolut positionierte Elemente können andere Elemente überlappen. Die Positionierung richtet sich dabei nach dem nächsten übergeordneten Element, das keine statische Positionierung hat.

In allen Layouts gibt es den umgebenden Container. Dieser Container kann nicht gelöscht werden. Seine Eigenschaften können wie bei allen anderen Elementen in den Element-Einstellungen bearbeitet werden. Bei einem leeren Layout hat der umgebende Container die absolute Positionierung, d.h. jedes weitere Element, das Sie mit einer absoluten Positionierung anlegen, richtet sich in seiner Positionierung nach dem umgebenden Container.

Die absolute Positionierung sollte eingesetzt werden, wenn ein Element unabhängig von seiner Umgebung sein soll.

Relative Positionierung

Das Element wird im Bezug auf seine normale Position relativ positioniert.

Fixe Positionierung

Das Element wird in Bezug zum Viewport relativ positioniert.

Größe

Auto Breite, Auto Höhe, Auto Breite und Höhe

Die Position eines Elements wird durch die Reihenfolge im Dokument bestimmt. Bei automatischen Größeneinstellungen richtet sich das Element nach der Positionierungsart. Bei absoluter Positionierung werden die Höhe, Breite oder Höhe und Breite automatisch an den Platz angepasst, der zwischen absolut positionierten Nachbarn zur Verfügung steht. Die Anpassung wird über die CSS-Werte right, left, top und bottom geregelt. Bei statischer Positionierung sorgt eine automatische Breite dafür, dass das Element die Breite des Containers einnimmt, der es umgibt. Eine automatische Höhe richtet sich in diesem Fall nach dem Inhalt des Elements.

Feste Breite und Höhe

Mit dieser Einstellung wird die Abmessung, die das Element auf der Arbeitsfläche hat, beibehalten.

Breite / Höhe

Tragen Sie bei der Einstellung Feste Breite und Höhe hier die gewünschte Breite bzw. Höhe ein.

Weitere Informationen

Layout-Elemente