Umbruch aller 4 DIVs nebeneinander

[suit]

Ich vermute mal es stimmt einfach was mit den Float im CSS nicht oder?

nein, es stimmt etwas mit deinem ansatz nicht denke ich

einerseits: poste relevanten, erzeugten html-code - deiner ist nicht aber denke ich wenig geeignet, da du das layout quasi schon festzimmerst und eine tabellenartig struktur nachbildest

versuchs mit einer liste und generiere exakt diesen code

<ul>  
  <li>foo</li>  
  <li>foo</li>  
  <li>foo</li>  
  <li>foo</li>  
  <li>foo</li>  
  <li>foo</li>  
  <li>foo</li>  
  <li>foo</li>  
  <li>foo</li>  
  <li>foo</li>  
  <li>foo</li>  
  <li>foo</li>  
</ul>

nimm den ul und li die listenaufzählungszeichen weg, entferne margin und padding und definere für die li elemente eine breite und höhe und lasse sie links floaten - das ul-element bekommt lediglich eine fixe breite die extat dem n-fachen der breite der listenelemente entspricht, die nebeneinander stehen sollen - wenn 5 kästen nebeneinander sein sollen ist das ul 5x so breit wie die li-elemente

vorteile:

• wieviele nebeneinander sind, bestimmst du mit css und nicht in einem php-scriot
  wen
• weniger html-code
• weniger css-code
• weniger php-code

alternativ kannst du die ul und li-elemente gegen divs austauschen, wenn du auf div-suppen abfährst ;)

aber ich denke, dass eine liste gut geeignet ist