CSS ... Vertikales Problem

[T-Rex]

Der unsichtbare Wrapper (der alles umschliesst) bekommt eine fixe höhe z.B. 350px.
Das grüne Image Dings bleibt float: right; wird aber vor allen anderen Elemente gesetzt. Zudem bekommt es height: 100%; (also so groß wie wrapper).
Die roten Dinger bleben bestehen bekommen aber height: 50%; (oder 40% + margin-bottom: 10%)
Die blauen Dinger bekommen ebenfalls height: 50%; (oder 40% + margin-top: 10%).
Das class='clear' enthält ein clear: both; das änderst du in clear: left;

et viola "fast" deine Grafik

Gruß
Floating
T-Rex