Wenn man die Seite zusammenschiebt, und der Inhalt der linken (left) Box nicht so groß (nach unten) ist wie die rechte (middle), dann schiebt sich die rechte (middle) unter die linke Box.
Ja, das nennt man Fließtext, auf englisch float. Du gibst es doch so an.
Wie kann ich das verhinden, das die eine Box sich unter die andere Boch schiebt.
Gib der umschließenden Box eine Mindestbreite, also mind. 110 px. 47% ist relativ zur Sichtfläche und kann kleiner werden als 110 px.
min-width: 110px;
Linuchs