[TYPO3-german] CSC und manuelle Abstände

Tue Jul 16 01:03:54 CEST 2013

So gehts auch -> http://jsfiddle.net/vBXWK/1/

Cheers


Am 16.07.2013 00:58, schrieb d.ros:
> @Rene
>
> Du hast Recht, wenn man das im ID Scope macht. War ein TYPO von mir.
>
> Muss also heissen:
>
> div.container > div
>
> Beispiel:
>
> http://jsfiddle.net/vBXWK/
>
> Cheers
>
>
>
> Am 15.07.2013 23:09, schrieb Ralf-Rene Schröder:
>> Am 15.07.2013 21:44, schrieb d.ros:
>>> Du kann auch einfach darauf verzichten, auf die Klasse zu gehen und
>>> stattdessen auf die ersten Childelemente des umgebenden Containers.
>>>
>>> div#container > div
>>>
>>> Damit bleibt die Definition des Redaktuers bestehen.
>> Das würde ich stark bezweifeln...
>> Ich glaube kaum, dass ein .csc-space-after-100
>> ein div#container > div überschreiben würde...
>> damit gewinnt ja die globale Definition nicht nur wegen der späteren
>> definition, sondern auch wegen der höheren Wertigkeit (102:10)...
>> (hab es zwar nicht getestet, aber darauf würde ich glatt eine Wette
>> abschließen, und das ist selten...)
>>
>> Das verkürzte Markup sieht ja etwa so aus:
>>
>> <body id="pageUID-222">
>> <div id="container-1">
>>    <div id="c900" class="csc-default">...</div>
>>    <div id="c901" class="csc-default csc-space-after-100">...</div>
>>    <div id="c901" class="csc-default">...</div>
>> </div>
>> <div id="container-2">
>>    <div id="c900" class="csc-default">...</div>
>>    <div id="c901" class="csc-default csc-space-after-150">...</div>
>>    <div id="c901" class="csc-default">...</div>
>> </div>
>> </body>
>>
>> meine globale CSS Definition vielleicht so (nur als Beispiel):
>>
>> .css-default {margin-bottom: 1em; }
>> #container-2 .css-default {margin-bottom: 2em; }
>> #pageUID-222 #container-1 .css-default {margin-bottom: 20px; }
>>
>> das von CSC dynamisch erzeugte CSS lautet wie folgt:
>> (und dies wird auch noch vor meinem eingebunden)
>> .csc-space-after-100 {margin-bottom: 100px; }
>> .csc-space-after-150 {margin-bottom: 150px; }
>>
>> dies kann nach meinem Verständniss von CSS nie sauber greifen...
>> und genau für solche Zwecke gibt es IMHO !important;
>> dann wäre alles wie erwartet (einfach und unkompliziert)
>>
>> PS: mein Layout mit in das CSS von CSC per TypoScript mit einzubauen,
>> das ist nun wirklich auch kein sauberer Weg...
>>
>> PPS: einen Typoscript Ansatz für eine vermutliche Lösung habe ich aber
>> glaube ich gerade... die zwei zusätzlichen Klassen
>> csc-space-before-standard
>> csc-space-after-standard
>> die per if von den Abstandsangaben abhängig ausgeblendet werden,
>> und über die dann ALLE Margin-Angaben im Layout erfolgen müssen...
>> aber trotzdem halte ich eine Modifikation der CSC um die !important;
>> Angabe für besser...
>>
>> Frage: Was würde eigentlich dagegen sprechen von Benutzterseite ???
>> Man bekommt immer den Abstand den man möchte, und nicht den, den der
>> Designer hierfür eingeplant hat (und wenn man nichts einträgt bleibt
>> alles beim alten und alle sind zufrieden)...
>>
>>
>