Typo 3 und Problem bei der Bildpositionierung im Firefox

In der Version 3.8.0 von Typo3 existiert ein Bug, der in Gecko-Engine basierten Browsern Probleme bei der Positionierung von Bildern zur Folge hat. Dabei werden Bilder immer am linken Rand ausgerichtet. "center" und "right" haben keinen Einfluss. Im Folgenden ist ein Workaround beschrieben.

Um Bilder auch in Gecko-Basierten Browsern automatisch richtig ausgerichtet zu haben, wrapt man im Template System das IMGTEXT Object:

tt_content.image.20.stdWrap.dataWrap = <div class="imageorient-{field:imageorient}">| <div class="break"></div></div>  

Darüber hinaus müssen zusätzliche Einträge in das CSS des Templates eingefügt werden:

/* Hiermit werden die Bilder in Gecko/Opera zentriert dargestellt */
div[class="imageorient-0"] table[class="imgtext-table"],  
div[class="imageorient-8"] table[class="imgtext-table"] {  
  margin: 0 auto;
}

/* Hiermit werden Bilder rechts über dem Text ausgerichtet (Gecko/Opera) */
div[class="imageorient-1"] table[class="imgtext-table"] {  
  float: right;
  width: auto;
}

/* manchmal kommen nach der Table noch andere Tags */
div[class="imageorient-1"] p {  
  clear: right;
}


/* Hiermit werden Bilder rechts unter dem Text ausgerichtet (Gecko/Opera) */
div[class="imageorient-9"] table[class="imgtext-table"] {  
  float: right;
  width: auto;
}
// Hiermit wird verhindert, das nachfolgender Text um das Bild fließt
div[class="imageorient-9"] div[class="break"] {  
  clear: right;
}

Es ist bereits angekündigt, daß dieser Bug im nächsten Release behoben sein soll. Bis dahin sollte dieser Workaround verwendet werden. Bei uns leistet er gute Dienste.

CIAO Thorsten