[kumbayala]

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 :?

... 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>

[kumbayala]

ok, Problem gelöst dank blitzschnelle Hilfe im www.typo3.net Forum:

Setz um jedes Inhaltselement ein <div>:

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

Gruß,

T.

Jetzt kann ich das inhaltsumspannende <div> wunderbar im css mit "float: left;" so positionieren, dass alle Seiteninhalte wieder schön untereinander stehen.

[JohnDoe]

hi,
pass aber dabei auf.... das float:left brauchst du meines erachtens nicht...

div's werden sowieso untereinander aufgereiht (sind halt block-elemente) durch das "float:left" wird eigentlich genau dieses verhalten verhindert..

d.h. wenn die boxen nebeneinander passen würden, würden sie nebeneinander angezeigt werden. das kommt zwar im moment bei dir nicht vor, könnte aber unter umständen irgendwann mal ein problem sein...

also probiers einfach nochmal ohne "float:left", wenn's wie gewünscht geht bist du auf der sicheren seite...


bye,
JD

[kumbayala]

Danke für den Hinweis, JohnDoe! Du hast völlig recht. Meine Lösung mit dem float:left; hat zwar auf den ersten Blick ganz gut ausgesehen, aber zwei boxen haben sich tatsächlich nebeneinander gestellt.

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 :oops:

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