Verhältnisse

[MudGuard]

Hi,

Ich habe zu folgendem  Onlinebeispiel eine Frage.
Die Höhe von #innen bezieht sich offensichtlich auf #aussen.
Das margin-top von #innen hingegen bezieht sich offensichtlich auf das ganze Dokument und nicht auf #innen.

Prozentuale margins beziehen sich auf die _Breite_ des enthaltenden Blocks (das ist NICHT zwangsweise das Elternelement). Auch die oberen und unteren margins:

<percentage>
    The percentage is calculated with respect to the width of the generated box's containing block. This is true for 'margin-top' and 'margin-bottom', except in the page context, where percentages refer to page box height.

Ich habe die padding-Variante probiert, das Ergebnis ist aber gleich.

Hier gilt sinngemäß dasselbe:

<percentage>
    The percentage is calculated with respect to the width of the generated box's containing block, even for 'padding-top' and 'padding-bottom'.

Wie kann ich #innen sagen, bleib bitteschön 25% der Höhe von #aussen vom oberen Rand von #aussen weg?

Bei der Eigenschaft top bezieht sich ein Prozentwert auf die Höhe des enthaltenden Blocks:

Percentages:   refer to height of containing block

==> mach das #aussen zum containing block, positioniere darin das #innen.

cu,
Andreas