nicht angemeldet
Hallo werte Selfgemeinde!
Ich suche nach einer "Lösung" für folgende Aufgabenstellung:
Es gibt jeweils ein umschließendes Element, welches wiederum jeweils 2 andere Elemente beinhaltet. Diese haben eine variable Höhe.
Ziel ist es, dass diese beiden Boxen jeweils dieselbe Höhe haben, abhängig vom Inhalt (also bei variabler Höhe).
Zum besseren Verständnis hier das zugehörige jsFiddle.
Das ist als Alternative für Browser gedacht, die keine der Flexbox Syntaxen unterstützen, dafür aber display: table/ inline-table oder andere CSS Eigenschaften - also primär der IE 8.
Leider "versagt" mein derzeitiger Ansatz in allen IE Versionen (abgesehen davon, dass jsFiddle nur noch IE 9+ unterstützt) ...! Ebenso "scheitert" der Ansatz in Opera. Beide Browser dehnen die inneren Boxen nicht auf 100% der Höhe des umschließenden Elements aus.
In FF, CHrome und Safari hingegen funktioniert es wie gewünscht.
Frage: Hat jemand einen Tipp/ eine Idee, wie dieses Ziel auch für IE 8+ und Opera zu erreichen ist, *ohne* Javascript?
Gruß Gunther