Hi,
als erstes mal ...
eine Anmerkung: Ich habe den Eindruck, dass deine Wahl von DIV-Elementen hier nicht die "richtige" (von der Semantik her) ist, und somit eher unter "Divitis" fällt.
Mein Problem liegt darin, dass sich der div mit der class "vier" automatisch immer auf die verbleibende Breite ausweiten soll. Die Breiten sind hier nur Beispiele und sind im Original immer unterschiedlich.
Zunächst einmal nehmen Blocklevel-Elemente grundsätzlich immer die "komplette" Breite ein, es sei denn, man ändert deren Eigenschaft(en) so ab, dass sie es nicht mehr tun.
Dies kann bspw. durch eine entsprechende Angabe für 'display' erfolgen, oder eben auch, wie in deinem Fall, durch 'float'. Denn bei Float ohne eine explizite Angabe für 'width', greift das sog. "shrink-to-fit".
Die Funktion dahinter: Das Feld "info" wird voraussichtlich immer die meisten/relevantesten Informationen enthalten. Deswegen soll es am breitesten werden.
Dein Konzept hat imho schon vom Grundsatz her einen "Fehler", denn eine (Mindest-)Viewportbreite von 1.200px vorauszusetzen, ist "nicht zeitgemäß" und somit nicht angebracht.
Es gibt im Wesentlichen auch 2 Alternativen zur Verwendung von Float:
1. display: table[-row|-cell]
2. display: inline-block
Zu diesem Thema gibt es auch bereits etliche Threads hier im Forum (die Suchfunktion ist dein Freund), wo du weitere und ausführliche Informationen zu dem Thema findest.
Ich hoffe ihr könnt mir helfen...
Ich hoffe, das hilft dir weiter ...?
Gruß Gunther