Variable Anzahl von Elementen nebeneinander, abhängig von Platz

[dave]

Hi,

ich habe ein Element, welches eine beliebige Breite zwischen 200 und 600 Pixel haben kann.
Darin sind zwei Elemente die Detailinformationen enthalten.
Diese sollen gleich breit sein, mindestens 200px und maximal 300px.

Nun soll der zur Verfügung stehende Platz komplett ausgefüllt werden.

Falls also das übergeordnete Element 200px breit ist sind die Detail-Elemente auch jeweils 200px breit und kommen untereinander.
Bei 300px genauso nur eben mit 300px Breite.
Wenn das übergeordnete Element 400px breit ist sollen zwei Detail-Elemente nebeneinander sein und jeweils 200px Breite haben.
Bis zu 600px, wo die Detail-Elemente dann 300px breit sind.

Ich habe keine Ahnung ob so etwas ohne JS möglich ist.
Mir wären auch proprietäre Lösungsansätze recht (eventuell flexible box model?), Browser egal. (nicht IE<8)

Verständlich was ich erreichen möchte?

Code oder Online-Beispiel habe ich nicht, da mir jeglicher Ansatz fehlt…

~dave