[TYPO3-german] jfmulticontent responsive

[Peter Linzenkirchner]

Hallo Stefan, 

ich vermute einfach mal, dass das hier der Hintergrund ist: 

http://blog.gordon-adams.com/html-css/wertigkeit-spezifitaet-von-css-selektoren-klassen-und-ids.html

Neben der Reihenfolge spielen eben auch die Anzahl und die Wertigkeit/Spezifität der Selektoren eine Rolle. 

.myBox .myClass {width:50%}
.myClass {width:100%}

ergibt eine Breite von 50% trotz der Reihenfolge. Kann man mit !important überschreiben (was ich nicht empfehle, weil danach Schluss ist - das ist sozusagen die letzte Möglichkeit), oder indem man die Wertigkeit des zweiten Eintrags erhöht: 

.myBox .myClass {width:50%}
.myBox .myClass {width:100%}

oder z. B. 

.myBox .myClass {width:50%}
#myPage .myClass {width:100%} /* falls .myBox innerhalb von #myPage liegt)

etc. Mehr Spezifität ergibt immer eine höhere Wertigkeit; IDs stehen über Klassen und so weiter. Die Wertigkeiten findest du im verlinkten Artikel. Das ganze gilt natürlich auch bei MediaQueries. 

Falls es dann immer noch nicht geht, kann es natürlich auch ein anderer Fehler sein … aber dann müsste man den Code sehen. 

Gruß
Peter


> Am 24.06.2015 um 16:17 schrieb Stefan Wollenberg <kontakt at k2-potsdam.de>:
> 
> Hallo zusammen,
> 
> ich versuche gerade ein Projekt responsive umzustricken, bei dem jfmulticontent im Einsatz ist, um dem Redakteur mehrspaltige Layouts, Slider und Accordions an die Hand zu geben.
> 
> Konkret geht es darum, dass die nebeneinander liegenden Spalten ab einer bestimmten Device-Breite nicht mehr nebeneinander sondern eben untereinander und dann in 100% Breite angezeigt werden sollen. Mein Ansatz war, in meinem Stylesheet einfach das entsprechende css der Extension zu überschreiben:
> 
> @media (max-width: 400px) {
> .c16r, .c16l, .c20r, .c20l, .c25r, .c25l, .c33r, .c33l, .c38r, .c38l,
> .c40r, .c40l, .c50r, .c50l, .c60r, .c60l, .c62r, .c62l, .c66r, .c66l,
> .c75r, .c75l, .c80r, .c80l {width: 100%}
> 
> Damit sollten die Spaltenbreiten bei Bildschirmbreite unter 400px auf 100% gesetzt werden. Leider greift die Einstellung überhaupt nicht. Steht es in meinem Stylesheet nur an der falschen Stelle - oder habe ich einen grundsätzlichen Denkfehler?
> 
> Beste Grüße,
> 
> Stefan
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german



--
Xing: http://www.xing.com/profile/Peter_Linzenkirchner
Web: http://www.typo3-lisardo.de
Facebook: http://tinyurl.com/lisardo-multimedia