Positionierung und Größe

Bei den meisten Elementen können Sie im folgenden Dialog Einfluss auf die Positionierung und Größe nehmen.

Mit der Einstellung Absolute Positionierung 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 Vorfahren-Element, das keine statische Positionierung hat.

In allen Layouts, die Sie im Modul Design bearbeiten, gibt es den umgebenden Container. Der umgebende Container kann nicht gelöscht werden. Seine Eigenschaften können wie bei allen anderen Designelementen in den Element-Einstellungen geändert werden. Bei einem leeren Layout hat der umgebende Container die Einstellung Absolute Positionierung. D.h. jedes weitere Element, das Sie auf der Arbeitsfläche mit einer absoluten Positionierung anlegen, richtet sich in seiner Positionierung nach dem umgebenden Container.

Wenn Sie z.B. einen Container auf die Arbeitsfläche ziehen, wird seine Position im CSS in dem Abstand in Pixeln angegeben, die er oben links vom umgebenden Container hat. In diesem Beispiel ist der umgebende Container hellblau, der neu angelegte Container dunkelblau eingefärbt.

Hier beträgt der Abstand zur oberen und linken Seite des umgebenden Containers 20 Pixel.

Hier beträgt der Abstand zur oberen und linken Seite des umgebenden Containers 80 Pixel. Ein Element, das Sie innerhalb von diesem zweiten, absolut positionierten Container anordnen, wird seinen Abstand von den Seiten des zweiten Containers aus angeben.

Hier beträgt der Abstand des weißen Containers zum umgebenden dunkelblauen Container links und oben jeweils 10 Pixel. Wenn Sie das weiße Element aus dem dunkelblauen Container heraus bewegen, wird seine Position wieder in Bezug auf den umgebenden Container berechnet - hier ein Abstand vom linken Rand von 20 Pixel und vom oberen Rand von 40 Pixel.

Die absolute Positionierung sollte eingesetzt werden, wenn ein Element unabhängig von seiner Umgebung sein soll. Mit der Einstellung Statische Positionierung wird nach dem Element ein Zeilenumbruch im HTML eingetragen. 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 zwischen absolut positionierten Nachbarn zur Verfügung stehenden Platz angepasst. Die Anpassung wird über die Werte right und left bzw. top und bottom geregelt. Bei statischer Positionierung sorgt eine automatische Breite dafür, dass das Element die Breite seines umgebenden Containers einnimmt. Eine automatische Höhe richtet sich in diesem Fall nach dem Inhalt des Elements. Mit der Einstellung Feste Breite und Höhe wird die Abmessung, die das Element auf der Arbeitsfläche hat, beibehalten.