Margin-top/bottom berechnet sich aus Breite... WTF !?

[Christian S.]

Hi,

kann mir mal jemand erklären, was sich das W3C bei dieser Spezifikation gedacht hat:

< http://www.w3.org/TR/CSS21/box.html#margin-properties>

==
The percentage is calculated with respect to the width of the generated box's containing block. Note that this is true for 'margin-top' and 'margin-bottom' as well.

Speziell der letzte Satz...

wenn ich also so was hier habe:

<div style="height:40px;width:1000px">
  <div style="margin-top:50%">
  </div>
</div>

dann sind die 50% des inneren Divs nicht wie eigentlich erwartet 20px sondern 500px.

Das ist doch total unintuitiv. Zumindest bei mir...

Aus top/bottom Angaben ergibt sich nun mal eine Höhe, und aus left/right eine Breite.

Wie kann ich sonst erreichen, dass ein Element oben einen margin-top:50% in Bezug auf die Höhe des Elternelements hat? Nur mit absoluten (errechneten) Angaben?

Gruß!