Problem mit Seiteninhaltstyp Text m/Bild

Hallihallo,

bin grad etwas am Verzweifeln. Ich bastel gerade an einem Internetauftritt, den ich in Typo3 Version 3.7 begonnen habe, aber jetzt auf einem anderen Server mit 3.8 noch einmal frisch aufsetzen möchte. Dabei stoplere ich gerade über folgendes Hindernis:

Auf einer Unterseite möchte ich gerne mehrere Seiteninhalte des Typs "Text m/Bild" untereinander einfügen. Bei Typo3 3.7 hat das auch ohne weiteres funktioniert. Das Bild wurde links angezeigt, der zugehörige Text rechts daneben. Der nächste Seiteninhalt wurde ebenfalls mit Bild links und Text rechts direkt darunter angeordnet.

Nun versuche ich genau diese Anordnung in Typo3 3.8 nachzubauen und erlebe dabei folgendes Phänomen: Das Bild wird in eine Tabelle gepackt, der Text aber nicht. Er steht zwar immer noch rechts neben dem Bild, umfließt dieses aber, sobald der Textblock größer als die Bildhöhe wird. Bei Typo3 3.7 war das Bild und der Text jeweils in einer eigenen Spalte innerhalb einer Tabelle. Genau diese Spaltenaufteilung hätte ich auch gerne wieder. Hinzukommt jetzt noch, dass das Bild vom nächsten Seiteninhalt vom Typ Text m/Bild nicht mehr linksbündig unter dem darüberstehenden Bild angeordnet wird.

Da ich noch ziemlich am Anfang mit der ganzen Typo3-Geschichte und vorallem dem Typo3-Verständnis stehe, hab ich keine Ahnung, wie ich mir wieder eine saubere Anordnung hinbastel.

Da meine Beschreibung oben wahrscheinlich etwas wirr war, hab ich hier die beiden Ansichten zum Vergleich:

So sieht es momentan mit TYPO3 3.8 aus:
http://www.oldcars.de/cms/index.php?id=history o.O

... und so hätte ich es gerne wieder:
http://www8.musterfirma.net/ford.html 🙂

Wäre sehr dankbar für jegliche Art von Hilfe!!!

Es grüßt die Newbiene Ines

Quellcode unter Typo3 3.7:

<div id="CONTENTNORMAL"><!--###CONTENTNORMAL### begin -->
	<table border="0" width="100%">
	<tr>
		<td id="CONTENT" width="390" valign="top">
	<!--  CONTENT ELEMENT, uid:15/text [begin] -->
		<a name="15"></a>
		<!--  Header: [begin] -->

			<div class="csc-header csc-header-n1"><h1 class="csc-firstHeader">Ford-Geschichte</h1></div>
		<!--  Header: [end] -->
			
	<!--  CONTENT ELEMENT, uid:15/text [end] -->
		
	<!--  CONTENT ELEMENT, uid:11/textpic [begin] -->
		<a name="11"></a>
		<!--  Image block: [begin] -->
			<table border="0" cellspacing="0" cellpadding="0" class="imgtext-nowrap"><tr><td valign="top"><table width="112" border="0" cellspacing="0" cellpadding="0" class="imgtext-table"><tr><td colspan="1"><img src="clear.gif" width="101" height="1" alt="" /></td><td rowspan="2" valign="top"><img src="clear.gif" width="10" height="1" alt="" title="" /></td></tr><tr><td valign="top"><img src="uploads/pics/henry.jpg" width="101" height="150" border="0" align="top" alt="" title="" /><br /></td></tr></table></td><td valign="top">
		<!--  Text: [begin] -->

			<p class="bodytext">Mit dem T - Modell begründete Henry Ford (1863- 1947) sein Imperium. <b>"Das Modell T fährt überall"</b>, lautete ein zeitgenösischer Werbeslogan.</p>
		<!--  Text: [end] -->
			</td></tr></table>
		<!--  Image block: [end] -->
			
	<!--  CONTENT ELEMENT, uid:11/textpic [end] -->

</td>

		<td width="20"></td>
		<td id="RCONTENT" width="190" valign="top"></td>
	</tr>
	</table>
<!--###CONTENTNORMAL### end --></div>

Quellcode unter Typo3 3.8:

<div id="CONTENTNORMAL"><!--###CONTENTNORMAL### begin -->
	<div id="CONTENT">
	<!--  CONTENT ELEMENT, uid:29/textpic [begin] -->
		<a name="29"></a>

		<!--  Header: [begin] -->
			<div class="csc-header csc-header-n1"><h1 style="text-align:left;" class="csc-firstHeader">Ford-Geschichte</h1></div>
		<!--  Header: [end] -->
			
		<!--  Image block: [begin] -->
			<table width="112" border="0" cellspacing="0" cellpadding="0" align="left" class="imgtext-table"><tr><td colspan="1"><img src="clear.gif" width="101" height="1" alt="" /></td><td rowspan="2" valign="top"><img src="clear.gif" width="10" height="1" alt="" title="" /></td></tr><tr><td valign="top"><img src="uploads/pics/henry.jpg" width="101" height="150" border="0" align="top" alt="" title="" /><br /></td></tr></table>
		<!--  Text: [begin] -->
			<p class="bodytext">Mit dem T - Modell begründete Henry Ford (1863 – 1947) sein Imperium. <b>"Das Modell T fährt überall"</b> lautete ein zeitgenösischer Werbeslogan.</p>

		<!--  Text: [end] -->
			
		<!--  Image block: [end] -->
			
	<!--  CONTENT ELEMENT, uid:29/textpic [end] -->
		
	</div>
<!--###CONTENTNORMAL### end --></div>

Setz um jedes Inhaltselement ein <div>:

  tt_content.stdWrap.dataWrap = <div class="sowieso"><a name="{field:uid}"></a> | </div>

Gruß,

T.

@Tetramatrix: Tausend Dank für diesen rettenden Tipp!!! Jetzt kann ich das inhaltsumspannende <div> wunderbar im css mit "float: left;" so positionieren, dass alle Seiteninhalte wieder schön untereinander stehen. Genau so wollte ich das, merci vielmals!

Meine Lösung mit dem float:left; hat zwar auf den ersten Blick ganz gut ausgesehen, aber zwei der Boxen haben sich trotzdem nebeneinander gestellt. Mit ein bißchen Grips anstrengen und durch einen dezenten Hinweis in einem anderen Forum kam ich drauf, dass das so nicht funktionieren kann.

Nach langer Sucherei hab ich jetzt aber doch endlich die Lösung gefunden, und sie lag wirklich nah, ich Blindhuhn. Ich Hirni hatte die Position des Bildes zwar auf "Im Text links" gesetzt, aber übersehen, dass es etwas weiter unten noch ein "Im Text links" gibt, und zwar OHNE Umruch! #angry#

So einfach kann's sein. Sorry dass ich mich so doof angestellt habe, aber danke auf alle Fälle für die Hilfe!