Verhältnisse

[Gernot Back]

Hallo Dieter,

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

Scheint ja ein wirklich kniffliges Problem zu sein. Warum das Folgende funktioniert und warum man insbesondere dem äußeren Element position:relative verpassen muss ohne es dann überhaupt zu verschieben, damit das innere sich dann absolut-positioniert am äußeren orientiert, kann ich dir auch nicht sagen:

  
#aussen {  
  position:relative;  
  width:700px;  
  height:400px;  
  border:1px blue solid;  
}  
  
#innen {  
  position:absolute;  
  top:25%;  
  width:100%;  
  height:50%;  
  background-color: #EFEFEF;  
}  

Gruß Gernot