Warum sind diese beiden boxen nicht gleich hoch?

[Gunnar Bittersmann]

@@michat:

nuqneH

Es läuft immer wieder auf das Problem hinaus, dass ich nicht verstehe, wie jeweils die Höhe(n) kalkuliert werden und wie sie sich addieren.

Das ist in der CSS-Spezifikation beschrieben: [CSS21 §8.3, §8.4, §10.5] (nicht mehr ganz aktuell, dafür auf Deutsch: [CSS2 §8.3, §8.4, §10.5])

40% von A sind nur dann gleich 40% von B, wenn A = B.

BTW, ID-Bezeichner "links" und "rechts" sind sinnlos. Benenne nach der Funktion, nicht nach der gegenwärtig(!) gewünschten Darstellung!

Warum ist Box links nicht gleich hoch wie Box rechts.

Warum sollte?

  #links {width: 20%; height: 80%; margin: 5% 0 5% 5%; float: left;  
  border: 2px solid grey;		  
  }		  
    
  #rechts {width: 20%; height: 40%; margin: 5% 5% 5% 0; padding: 40% 0 0 0; float: right;  
  border: 2px solid grey;			  
  }  

Du meinst, die 'padding-top: 40%' sollten ebenso hoch sein wie 'height: 40%'? Du hast es immer noch nicht verstanden, dass sich Prozentangaben auf die _Breite_ des umschließenden Blocks der erzeugenden Box beziehen?

Vllt. hat jemand auch Lust darauf zu antworten:
http://forum.de.selfhtml.org/my/?t=201763&m=1361613

Gerne: http://forum.de.selfhtml.org/hilfe/bedienung.htm#verweise-einbinden

Qapla'