Aus der 3. Spalte raus:(klapt allerdings nicht wie du siehst)
<div style="clear: left;"></div>
Und dann die für die erste Spalte einen unsichtbareb Platzhalter
<div class="spacer_c1"> </div>
Wenn ich mir das so anschaue, habe ich den Eindruck, dass die ganze Seite nicht vernünftig aufgebaut und das das eigentliche Problem ist.
Du brauchst nicht mehr als drei Spalten, links das Menü (Artikelnummer, Aktuelles,...), in der Mitte Produktbeschreibung und Formular, rechts die Galerie.
Und genau so solltest Du den HTML-Code aufbauen. Erst ein div mit float:left für das Menü, dann entweder ein div mit float:right für die Galerie und abschließend ein div für das Produkt, oder erst das Produkt mit float:left und dann abschließend die Galerie.
Aber mit den div-Massen, die Du jetzt mit float und clear hin- und herzauberst, hast Du große Chancen, ständig irgendwelche Probleme zu haben. Ist eines gelöst, kommt das nächste.
BTW: Das Formular ist mehr als unübersichtlich. Die Gebinde kosten alle dasselbe, warum verkürzt Du die 24 Zeilen nicht auf eine einzige Zeile mit zwei Auswahlfeldern "Farbe" und "Menge"? Untendrunter noch eine separate Tabelle mit den Preisen, fertig.
Ja danke, das lasse ich mir mal durch den Kopf gehen.
Füge gleich vier oder fünf dieser Zeilen ein, nach Möglichkeit mit Option für den Kunden, noch weitere hinzufügen zu können (lässt sich in Javascript über DOM lösen). Kann ja sein, dass jemand mehrere verschiedene Gebinde kaufen möchte.