nicht angemeldet
Hallo werte Selfgemeinde!
Ich nochmal ..., wie üblich habe ich natürlich etwas vergessen.
Natürlich wäre die "einfachste", bzw. naheliegendste Variante die, einfach display:table; und display:table-cell; zu verwenden.
Es geht mir aber darum, dass die beiden inneren Boxen einen Abstand/ Zwischenraum haben.
Und das kriege ich mit der o.g. Methode nicht hin. Genauer gesagt nicht "schön" hin. Denn um bei dieser Variante einen Zwischenraum zu erhalten, bleibt einem nur 'border-spacing' für das 'table' Element, was dann aber wiederum den unschönen Effekt hat, dass dieser Space auch jeweils vor und hinter jedem der 'table-cell' Elemente vorhanden ist.
Und auch dafür habe ich zumindest bis jetzt keine "vernünftige" Lösung gefunden ...!
So "Spielereien" wie mit negativen Margins etc. führen alle zu "unerwünschten Nebeneffekten".
Auch würde ich nur äußerst ungern das Markup weiter "aufblähen", um so Geschichten wie
.inner:first-child {border-right: 20px solid transparent;}
zu verwenden.
Gruß Gunther