Mehrere Stylesheets

[Juke]

Ich habe die Angewohnheit, dass ich immer viele Stylesheets anlege und nach Themen trenne. Die Kategorien-Funktion nutze ich eher selten und nicht so gerne. Zum einen - na, ja - geht's halt schneller beim Entwickeln von neuen Designs, zum anderen ist es ja auch nicht notwendig immer so ein Riesenkoloss von stylesheet in ein Seitenlayout zu hängen, wenn davon beispielsweise nur in einem alle Angaben gebraucht werden. Nun scheint es mir aber, dass Contao ab einer gewissen Anzahl streikt und wenn es zu viele werden, dann "greifen" die Auszeichnungen der letzten stylesheets einfach nicht mehr. Ich meine, dass dieses Phänomen erst seitdem man die Stylesheets nicht mehr manuell bzw. optional zusammenfügen kann, besteht. Kennt ihr das auch? Wisst ihr was dazu?

[MBM]

Kannst Du Deine Vermutung beweisen z. B. durch CSS Debugging ab IE8 oder FireBug im Mozilla?

Wieviel CSS Regeln nutzt Du denn?

Im Debbuging wird Dir dann der Verlauf der CSS-Regeln angezeigt.

Ich kategorisiere meine CSS auch in eigene Dateien und nutze zusätzlich das Kategorienfeld in Contao (mittlerweile kann ich das auch nur empfehlen, wegen der Filtermöglichkeit, gerade bei langen CSS sehr vorteilhaft).
Ansonsten kann ich nur sagen das auftretende Fehler meist bei mir lagen. Z. B. redundante Formatierungen die sich gegenseitig aufheben.
TIPP: nutze z. B. important; zum manuellen Debugen (kennzeichnen).

[Andreas]

... seitdem man die Stylesheets nicht mehr manuell bzw. optional zusammenfügen kann...

Ich benutze zwar theme_plus, aber soviel ich weiß kombiniert (combiner) Contao alle CSS-Dateien und alle JS-Dateien zu einer einzigen. Dafür musst du im BE allerdings ausgeloggt sein.

[Juke]

Ansonsten kann ich nur sagen das auftretende Fehler meist bei mir lagen.

Ja, das Probelm sitzt manchmal vor dem Bildschirm, das ist bei mir auch so ... aber genau das versuche ich ja herauszufinden.

Wieviel CSS Regeln nutzt Du denn?

18 - aber nicht Regeln, 18 stylesheets.
Ich habe die Befürchtung, dass ich das Contao vielleicht zu sehr damit stresse.

Im Debbuging wird Dir dann der Verlauf der CSS-Regeln angezeigt.

Wo?

Ich kategorisiere meine CSS auch in eigene Dateien und nutze zusätzlich das Kategorienfeld in Contao (mittlerweile kann ich das auch nur empfehlen, wegen der Filtermöglichkeit, gerade bei langen CSS sehr vorteilhaft).

Ja bei manchen, aber nicht sehr oft.
Vergisst du bei einer neuen Auszeichnung die Kategorie einzutragen, bist du verloren.

TIPP: nutze z. B. important; zum manuellen Debugen (kennzeichnen).

Redundant bzw. spezifitätenmäßig dürfte es auch nicht sein.
Ich habe das theme auf 2.9.5. - da gab's diese Probs eben nie - nur jetzt irgendwann bei den neuen Versionen.

Manchmal ist es so, dass wenn ich ein stylesheet nach weiter oben schiebe, es dann auch greift.
Steht es am Ende der Liste, dann eben nicht.
Das würde zwar deine Vermutung mit den Redundanzen bestärken aber jetzt kommt's ... wenn ich es mehrmals hin- und herschiebe, immer mal wieder speichere, dann kann es auf einmal auch wieder unten stehen.
Oder wenn ich eben nicht sooo viele einzelne Dateien mache und z.B. alle styles für events (eventlist, eventreader, calendar, minicalendar) in eine Datei packe und es insgesamt dann weniger Stylesheet-Dateien sind.

Ich fand das ja nur seltsam und wollte mal umfragen, ob das vielleicht jemand anderes auch beobachtet hat und ob es vll. daran liegen könnte, dass ich besser doch nicht so viele einzelne Dateien mache ... was mir von der Arbeitsweise her aber etwas widerstreben würde.

[xchs]

Hallo Juke,

Du könntest versuchen, das Ganze in der Contao Online-Demo nachzustellen und - falls es dort auch nicht richtig funktioniert - ggf. ein Ticket im Ticketsystem einzustellen.

[Juke]

Hallo Xchs,

Ja schon, aber dazu möchte ich zuerst wirklich ganz sicher sein, dass es nicht an mir bzw. meiner Arbeitsweise liegt.

[andreasisaak]

Ich verwende zwar auch nur ausschließlich Theme+ aber habe in einem Projekt weit mehr als 30 Stylesheets. Bisher hatte ich noch keine Probleme damit. Aber ich vermute es liegt nicht an der Anzahl der CSS Dateien sondern der Anzahl der Regeln

http://stackoverflow.com/questions/3...et-per-browser

Es gibt eine Grenze für die Menge der Regeln. Ich habe diese zwar noch nie selbst erleben müssen aber theoretisch ist sie da, vielleicht trifft es ja auf dich zu.

[MBM]

Ja, das Probelm sitzt manchmal vor dem Bildschirm, das ist bei mir auch so ... aber genau das versuche ich ja herauszufinden.

;-)

18 - aber nicht Regeln, 18 stylesheets.
Ich habe die Befürchtung, dass ich das Contao vielleicht zu sehr damit stresse.

Diese Grenze habe ich persönlich noch nicht erreicht. Ich nutze maximal 9 eigene Stylesheets.

Wo?

IE7-9 Taste F12 (Developer Tools)
TIPP: Kommentarfeld in ConTao zur Kennzeichnung von Regeln nutzen (z. B. /* Order 1, 2 */ usw., eben so wie Du die Reihenfolge der Einträge erwartest).
Vielleicht auch im FF 11 die CSS 3D Ansicht nutzen. (habe ich aber noch nicht benutzt, werde ich auch mal checken).

Ja bei manchen, aber nicht sehr oft.
Vergisst du bei einer neuen Auszeichnung die Kategorie einzutragen, bist du verloren.

Wenn die Regel (Kategorien nutzen) zur Gewohnheit wird und das vergessen die Ausnahme bleibt, ist die vergessene Kategorie bzw. der unkatgorisierte Regeleintrag schnell gefunden.

Redundant bzw. spezifitätenmäßig dürfte es auch nicht sein.
Ich habe das theme auf 2.9.5. - da gab's diese Probs eben nie - nur jetzt irgendwann bei den neuen Versionen.

Manchmal ist es so, dass wenn ich ein stylesheet nach weiter oben schiebe, es dann auch greift.
Steht es am Ende der Liste, dann eben nicht.
Das würde zwar deine Vermutung mit den Redundanzen bestärken aber jetzt kommt's ... wenn ich es mehrmals hin- und herschiebe, immer mal wieder speichere, dann kann es auf einmal auch wieder unten stehen.

Das ist merkwürdig. Konnte ich so noch nicht feststellen. Allerdings wäre das bei meiner Vorgehensweise auch nicht möglich Dateien vor und oder zurück zu schieben.

1. Boxmodel CSS Datei
2. Html Common CSS Datei
3. Navigation CSS Datei (#left od. #right)
4. Contao Content CSS (#main)
5. CSS Module Commons Datei (abstrakte allg. Regeln)
6. CSS Modules 1- n Dateien od. eben Kategorien.

Da bleibt nicht viel Möglichkeit unkategorisierte Regeln zu verlieren.
Dateien 1-4 werden auch so gut wie nicht mehr angefasst.

Oder wenn ich eben nicht sooo viele einzelne Dateien mache und z.B. alle styles für events (eventlist, eventreader, calendar, minicalendar) in eine Datei packe und es insgesamt dann weniger Stylesheet-Dateien sind.

Die bevorzugte Übersicht sollte nicht an einer Dateianzahl scheitern.

Ich fand das ja nur seltsam und wollte mal umfragen, ob das vielleicht jemand anderes auch beobachtet hat und ob es vll. daran liegen könnte, dass ich besser doch nicht so viele einzelne Dateien mache ... was mir von der Arbeitsweise her aber etwas widerstreben würde.

.

Viel Wege führen nach Rom bzw. hast Du ja vielleicht einen Bug gefunden.
Ansonsten ist eine Strukturierung an den DOM Baum angelehnt und eine eigene Nomenklatur für CSS Regeln sehr hilfreich. Wenn ConTao aber wirklich einen logischen Bug bei einer zu grossen Anzahl von CSS Regeln hat, sollte der natürlich gefunden u. behoben werden.

[Juke]

http://stackoverflow.com/questions/3...et-per-browser

Nein - so viele habe ich nicht. *erleichtert-bin*
Aber : interessante Information. Danke!

[Juke]

Hallo MBM,

Danke für deine detaillierten Ausführungen.
So gelangt man dann doch auch mal zu anderen Einblicken.

Insgesamt kann ich das wahrscheinlich nicht lösen, jedenfalls nicht jetzt.
Werde mal schauen, ob ich, das Ganze anhand eines Beispiels reproduzieren kann.
Ist nur so, dass wenn dann doch alles styles greifen, man ja nicht mehr sehen kann, was vorher war.

Ich werde das aber weiterhin beobachten, manchmal barucht es einfach ein bisschen Zeit.

Danke euch allen!

[Andreas]

Ist nur so, dass wenn dann doch alles styles greifen, man ja nicht mehr sehen kann, was vorher war.

Wenn du im Firebug den Haken bei 'Nur angewendete Styles anzeigen' entfernst, siehst du auch die Regeln, welche überschrieben werden.