Bilder ausrichten

[molily]

Problem ist das ganze ist auf ner Seite im CMS Drupal und ich habe vorgegebenen Quelltext (es sei denn ich treibe einen riesen Aufwand, den ich vermeiden will). Daher muss ich möglichst die vorhandenen Div's mit CSS stylen um das hinzubekommen.

Du kannst nicht beliebig gegebenen HTML-Code beliebig mit CSS formatieren. Das (einfache) Arbeiten mit float benötigt zumeist eine bestimmte Codereihenfolge.

Das das große Bild nicht links floaten soll sondern MITTIG im linken Bereich (also zwischen linkem Rand und den rechts ausgerichteten Bildern) ist rübergekommen oder?

Bitte beschäftige dich doch einmal mit den einfachsten CSS-Layout-Tutorials. Da werden solche Fragen geklärt.
Wenn es nicht links floaten soll, dann lass ein Element links floaten, welches die Gesamtbreite der linken Spalte hat und bringe darin ein zentriertes Element unter, welches weniger breit ist.

<div class="field field-type-filefield field-field-productpicture">
    <div class="field-items">
            <div class="field-item odd">
                    <a href="BILD_GROSS">
<img src="BILD_GROSS">
    </a>
    </div>
        </div>
</div>

<div class="TEXT-DIV"><p>...</p>
</div>
<div class="field field-type-filefield field-field-productpicture2">
    <div class="field-items">
            <div class="field-item odd">
                    <a href="BILD_KLEIN1">
<img src="BILD_KLEIN1">
    </a>
    </div>
            <div class="field-item even">
                    <a href="BILD_KLEIN2">
<img src="BILD_KLEIN2">
    </a>
    </div>
            <div class="field-item odd">
                    <a href="BILD_KLEIN3">
<img src="BILD_KLEIN3">
    </a>
    </div>
    </div>
</div>

  
Mit der Codereihenfolge kannst du nicht mit Floats die gewünschte Darstellung erreichen. Vielleicht mit position:absolute. Auch dazu findest du viele Tutorials. Hier bei SELFHTML oder anderswo.  
  
Mathias