[TYPO3-content-rendering] Bug in CSC in RC3?

[Franz Koch]

I just found out that it seems to work with IE, but not Firefox. But the 
fact that it is working "correctly" in IE might be related to the 
boxmodel bugs of IE.



Testcase:
- 2 images
- 1 column (results in 2 rows)
- many text - longer then the hight of the two rows
- textpic in left - nowrap (images left - text right)

The problem is, that with single column images the "textMargin" doesn't 
get applied to the left margin of the text-container, but to the right 
margin of the imagewrap element. In IE it results in the same view, but 
not in FF (and maybe other browsers, not tested). In FF the text has the 
desired margin between it and the images, but only for the height of the 
images - then there is a little outdent (semi floating) which looks 
really ugly. The second problem is, that certian CSS styles are also not 
affected by the margin (f.e. borders on headlines).

Floating images (in text left/right) now have a doubled margin as it 
seems (one added to the text-container, one added to the imagewrap).
So I suggest to remove this code from the _CSS_DEFAULT_STYLES and add 
the marging values only to the text-container (also with only 1 column):
-----------------
/* Add margin from image-block to text (in case of "Text w/ images") */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
	margin-right: {$styles.content.imgtext.textMargin}px !important;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
	margin-left: {$styles.content.imgtext.textMargin}px !important;
}
----------------


Long story short - just have a look at the result with default settings 
(only shortened the css classes):


[WARNING] [WARNING] [WARNING] [WARNING] [WARNING] [WARNING]
some pictures are nothing for sensitive stomachs (operations)

http://www.niliusklinik.de/cms/index.php?id=149&L=0
http://www.niliusklinik.de/cms/gesichtschirurgie/implantalogie.html
(the floating images should only have a 10px margin to the text)

-- 
Kind regards,
Franz Koch