height:auto / 100% / inherit;

[Ernesto]

Hallo Forumianer,

ich steh´ mal wieder auf dem Schlauch. Gebt mir doch bitte mal einen Schups!

Der Fall ist eigentlich ganz einfach. Ich habe einen Div-Element (a) das zwei weitere Div-Elemente enthält (a1 und a2). Der (variable) Inhalt des Elementes a1 soll die Höhe von a definieren und natürlich auch von sich selbst. Zusätzlich soll es aber auch die Hhöhe von a2 bestimmen. Konstrukte wie:

<div style="position:absolute; width:300px; height:auto;">
    <div style="position:relative; height:auto">
      xxx<br>xxx<br>xxx
    </div>
    <div style="position:absolute; width:10px; top:0; right:0; hight:inherit;">
    </div>
  </div>

sagen vielleicht was gemeint ist, funktionieren aber nicht, weil offensichtlich ein "inherit", dass sich auf ein "auto" bezieht, nicht recht weiss was es tun soll :-( Wenn überhaupt, dann bekomme ich das für den Firefox hin, bei allen anderen Browsern ergeben sich immer unterschiedlich falsche Ergebnisse.

Die zwei Div-Ebenen sind ein kleiner Ausschnitt einer größeren Div-Suppe. Die Lösung müsste also "einfach" sein, weil es kompliziert von selbst noch wird.

Adieu
Eresto