Typo 3 und Problem bei der Bildpositionierung im Firefox
05.01.2006
12:39:33 Uhr8231 Aufrufe
12:39:33 Uhr
Noch nicht bewertet
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:
Darüber hinaus müssen zusätzliche Einträge in das CSS des Templates eingefügt werden:
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
01.
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:
01.
/* Hiermit werden die Bilder in Gecko/Opera zentriert dargestellt */ 02.
div[class="imageorient-0"] table[class="imgtext-table"], 03.
div[class="imageorient-8"] table[class="imgtext-table"] { 04.
margin: 0 auto; 05.
} 06.
07.
/* Hiermit werden Bilder rechts über dem Text ausgerichtet (Gecko/Opera) */ 08.
div[class="imageorient-1"] table[class="imgtext-table"] { 09.
float: right; 10.
width: auto; 11.
} 12.
13.
/* manchmal kommen nach der Table noch andere Tags */ 14.
div[class="imageorient-1"] p { 15.
clear: right; 16.
} 17.
18.
19.
/* Hiermit werden Bilder rechts unter dem Text ausgerichtet (Gecko/Opera) */ 20.
div[class="imageorient-9"] table[class="imgtext-table"] { 21.
float: right; 22.
width: auto; 23.
} 24.
// Hiermit wird verhindert, das nachfolgender Text um das Bild fließt 25.
div[class="imageorient-9"] div[class="break"] { 26.
clear: right; 27.
}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
