Warum sind diese beiden boxen nicht gleich hoch?

[ChrisB]

Hi,

Nein, du hast height:80% angeben, und Prozentangaben bei der Höhe beziehen sich auf die Höhe des Elternelements, nicht auf die Breite.

Ok, nicht dass ich dir nicht glaube, aber wie verträgt sich dies mit der CSS doku, eigentlich doch gar nicht!?

http://www.w3.org/TR/CSS21/visudet.html#the-height-property:
“<percentage>
Specifies a percentage height. The percentage is calculated with respect to the height of the generated box's containing block.”

Noch deutlicher geht's doch kaum, oder?

Plus 40% der Höhe von 612 Pixel, also 245 Pixel, macht 750 Pixel.

'Halt, Alarm, du wechselst die Bezüge wie mancher die <setz ein was dir passt>, ich kann das nicht nachvollziehen,

Was wechsle ich da irgendwas?
Das sind die Werte, die ich mit deinem Testcode, entsprechend erweitert, auf meinem Testsystem bekomme.

Das kannst du gerne auf deinem System, mit ggf. anderen Browserfenstermaßen, selber nachvollziehen.

geschweige denn in ein einklang mit CSS bringen.

Dass und wie es vollkommen im Einklang mit der Spezifikation ist, habe ich dir gerade erklärt.

Works as designed.

Mag sein, aber bitte erkläre es mir/uns allen.

CSS schreibt vor, dass es so umzusetzen ist, Firefox setzt es so um, andere aktuelle und standardkonforme Browser machen es genauso.

Works as designed. Da gibt es nicht viel mehr zu erklären.

MfG ChrisB