Abstände im Seitentyp Text mit Bild bei dreispaltigem Layout?

Hallo,

ich habe ein dreispaltiges Layout. In der Mitte wird der Text aus der Spalte „Normal“ ausgegeben. Wenn ich allerdings den Seiteninhalt von Typ „Text mit Bild“ anlege, erhalte ich Lücken innerhalb eines Blockes.

Das css:

.cnt_links {
	width: 13em;
	margin-left: 1px;
	float:left;
	}

.cnt_rechts {
	width: 12em;
	float:right;
	margin-top: 2px;
	margin-right: 0.3em;
	padding-right: 0.3em;
	}

.cnt_mitte {
 	margin: 0 13.2em 0 13.5em;
 	margin-top: 2px;
	}

In cnt_links befindet sich die Navigation und darunter ein Bild.

Die Überschrift wird in cnt_mitte angezeigt. Ist der nachfolgende Text aber länger als die Höhe von cnt_links, dann wird er in cnt_mitte mit einem großen Abstand eingefügt.

Bild: soba.de/…/bild.bmp

Ich habe per css div.csc-textpic-left div.csc-textpic-text {clear:left;} auf clear: none geändert. Dann verschwinden die Lücken.
Wähle ich aber nun Bild oben ohne Textumfluss, Text unten an, wird hier das Bild umflossen, obwohl das ja nicht so sein soll. Das kann also nicht die Lösung sein.

Ich weiß nicht, ob es sich um eine typo3- oder ein css-Problem handelt. Vielleicht hat von Euch einer eine Lösung.

Danke
Sanra

Hallo Sanra,

ich hatte damals ein ähnliches Problem, bei mir lag es alleine an der CSS und hatte nichts mit Typo zu tun.

Mein erstes Template hatte ich damals mit Hilfe von Selfhtml zusammengebaut, was sich später als problematisch herausstellte.

ich habe es danach mit einer Anleitung von http://www.css4you.de/ neu strukturiert und dann ging es.

ich weiß allerdings nicht mehr genau was der Auslöser war, darum kann ich hier nur vermuten, sorry.

Probier mal dein .cnt_mitte ebenfalls mit einem float:left und nicht mit einem margin in die Seiten einzubinden.

doch wie gesagt, das ist ein reines CSS/HTMl Problem und hat nichts mit TYPO3 zu tun.

viel erfolg noch

Hallo Karlchen,

vielen Dank. Beruhigend zu lesen, dass nicht nur ich die Probleme habe. Man verzettelt sich so schnell bei der Recherche. Nun weiß ich schon mal, an welcher Ecke ich weiter forschen muss.

Gruß, Sanra

Hallo,

ich habe das css noch einmal überprüft. Mit overflow:hidden hats funktioniert.

Gruß
Sanra