CSS-Datei wird nicht aktualisiert

[skyvaheri]

Hallo liebe Contao-Gemeinde,

mir ist etwas untergekommen, das mir bisher unbekannt war: Trotz andauernder Versuche wird meine CSS-Datei nicht aktualisiert. Wenn ich mir den Web-Entwickler zu Hilfe nehme, stehen dort weiterhin die bereits überschriebenen Einträge.
Caches (Browser und Contao) habe ich mehrfach geleert.
Ist jemand mal auf dasselbe Problem gestoßen und hat vielleicht eine Lösung parat?

Grüße

Michael

[folkfreund]

Sprichst du von internen oder externen Stylesheets? Wie hast du das CSS im Layout eingebunden und wie hast du die Änderungen vorgenommen?

[skyvaheri]

Ich habe ganz normal im Backend über Layout > Themes eine CSS-Datei angelegt. Bis vor kurzem hat noch alles funktioniert, sonst hätte ich die Seite im Grunde nicht schon fertig. Ich habe jetzt nur noch ein paar Anpassungen für den Kunden zu machen, doch das System reagiert auf CSS-Basis nicht mehr. Wohingegen neue Artikel ohen Weiteres übernommen werden.
Und schon vorweg: Ich habe keine Updates gemacht, weder bei der Contao-Version noch bei irgendwelchen Modulen.
Eine Nachfrage beim Provider hat servermäßig auch nichts hervorgebracht.

[Samuell]

Soweit ich Dich verstehe nutzt Du nur den internen CSS-Editor.
Leerst Du den kompletten Cache oder nur Teile?
Seiten - und Skriptcache wären hier die relevanten Punkte.

[folkfreund]

Caches (Browser und Contao) habe ich mehrfach geleert.

Du meinst im Backend Systemwartung | Scriptcache leeren?

Verhält sich das System unterschiedlich wenn du im Backend eingeloggt bist bzw. nicht eingeloggt bist?

[skyvaheri]

Es macht keinen Unterschied, ob ich eingeloggt bin oder nicht.
Und die besagten Caches habe ich auch geleert.
Wenn ich die CSS-Datei per FileZilla bzw. Komodo aufmache, finde ich die Version vor, die ich über den internen CSS-Editor auch eingegeben habe. Dennoch sind im Frontend alle Werte noch auf "alt".

[Samuell]

Jetzt kommen wir dem ganzen vielleicht näher.

Der interne CSS-Editor erstellt KEINE Datei, sondern er speichert das CSS in der Datenbank.
Schau nochmal genau was Du davon im Layout verlinkt hast.

Eine CSS-Datei kannst Du in Contao maximal via Dateiverwaltung bearbeiten.
Das sind aber zwei verschiedene Paar Schuhe.

[skyvaheri]

Also ein Datenbank-Problem?
Das betreffende Layout hat die richtige Verknüpfung zum Stylesheet. Und das Layout ist auch in der Seitenstruktur der betreffenden Seite, an der ich gerade etwas ändern will, eingebunden.

[Samuell]

Nein, kein DB-Problem.
Hast Du das interne CSS oder die externe Datei verlinkt im Layout?

[skyvaheri]

Intern.

[Spooky]

Poste einen Link zur Seite.

[Samuell]

Intern.

Das die Datei, die Du "per FileZilla bzw. Komodo" bearbeitest ungenutzt und nicht mit Contao verbunden.

[skyvaheri]

Auf der Seite http://www.igs-bovenden.de/stundenplan.html müsste der Bereich "Termine" (id #daten) eigentlich 430px als min-height haben. Ich hatte zur ID zunächst zwei Einträge im Stylesheet und diese dann zusammengefasst.
Mal davon abgesehen, dass auch irgendwas mit dem Eventleser auf der Seite nicht stimmt. Sieht "zerschossen" aus. Aber anderes Thema.

[Samson1964]

So wie ich das in Firebug sehe, werden Deine 430px von 400px an einer anderen Stelle überschrieben. Es funktioniert also alles bei Dir. Du mußt Dich jetzt nur noch entscheiden, welcher Selektor #daten nun Vorrang haben soll.

[skyvaheri]

Hier liegt ja das Problem - es bestehen keine 2 Einträge mehr, die sich gegenseitig überschreiben. Ist alles in einem Eintrag. Aber mir werden weiterhin 2 Einträge angezeigt.

[Samuell]

Auch in der DB?

Leg mir mal nen Admin an, wenn Du magst.
Ich schau ausnahmsweise mal kurz rein.

[tab]

Hast du die Website auch auf dem Server/Webspace entwickelt, auf dem sie jetzt läuft?

Edit: Auffällig ist, dass in deiner zusammengesetzten CSS-Datei auch jede Menge Fonts definiert werden, u.a. Font-Awesome. Diese Teile sind auch nicht komprimiert. Erst danach am Schluss kommt deine CSS-Datei "sub.css". Und das Beste von allem: In /assets/css wird ja von den internen Stylesheets eine komprimierte Version unter dem jeweiligen Namen angelegt. Ich bin mir da zwar nicht sicher, aber ich bin davon ausgegangen, dass aus diesen Dateien dann die eine, große CSS-Datei mit dem Hashnamen zusammengesetzt wird. Hier ist das jedenfalls nicht so, in der zusammengesetzten Datei ist eine andere Version der "sub.css" enthalten als die, die in /assets/css steht. Ich gehe mal davon aus, dass die sub.css in /assets/css die Version ist, die du gerade geändert hast, nach allem was du so dazu geschrieben hast. Warum die jetzt aber nicht mit in die zusammengesetzte Datei mit reingenommen wird, weiss ich leider auch nicht. Entweder hat da jemand in einer Erweiterung mit lokalen Kopien gearbeitet oder was auch immer. Welche Erweiterungen setzt du denn ein? Speziell um z.B. die Fonts einzubinden, insbesondere Font-Awesome?

[Spooky]

Auf der Seite http://www.igs-bovenden.de/stundenplan.html müsste der Bereich "Termine" (id #daten) eigentlich 430px als min-height haben. Ich hatte zur ID zunächst zwei Einträge im Stylesheet und diese dann zusammengefasst.
Mal davon abgesehen, dass auch irgendwas mit dem Eventleser auf der Seite nicht stimmt. Sieht "zerschossen" aus. Aber anderes Thema.

Du scheinst, wie schon erwähnt, zwei CSS Definitionen für "#daten" in deinem sub.css Stylesheet zu haben. Einmal direkt nach

#daten .mod_eventlist .grid4

»

#daten {
    min-height: 430px;
    padding-top: 50px;
    padding-bottom: 50px
} 

und einmal direkt nach

.caroufredsel_controls .caroufredsel_next

»

#daten {
    width: 100%;
    min-height: 400px;
    position: relative
} 

Darüberhinaus hast du anscheinend die [font-awesome] Extension installiert, aber irrtümlich die assets/font-awesome/css/font-awesome.css manuell eingebunden. Das solltest du wieder entfernen.

[tab]

Eingebunden wird momentan das hier: assets/css/dc8f08360f0a.css Darin steht, nach der unnötig als extern eingebundenen Font-Awesone CSS-Datei, auch das interne Stylesheet "sub.css"

[...]
/* sub.css */
#team{width:100%;position:relative;padding-bottom:50px;background-color:#e6e6e6}#team .inner{min-height:200px;display:block;margin-top:50px;margin-bottom:50px}
[...]

Gleichzeitig existiert aber eine aktuellere(?) "sub.css" in assets/css. Diese fängt so an:

/* sub.css */
#daten{width:100%;min-height:430px;position:relative;padding-top:50px;padding-bottom:50px}#team{width:100%;position:relative;padding-bottom:50px;background-color:#e6e6e6}#team .inner{min-height:200px;display:block;margin-top:50px;margin-bottom:50px}
[...]

Das ist also nicht die gleiche Datei, die im zusammengefassten Stylesheet (s.o.) eingebunden wird. Normalerweise sollte das aber so sein. Also ist da irgendwas am normalen Ablauf manipuliert. Hat da jemand eine alte Version der "sub.css" woanders hinkopiert und mit welchen Mitteln (Erweiterung? Oder als externe Datei eingebunden?) auch immer dafür gesorgt, dass diese Datei in das zusammengefasste CSS aufgenommen wird und nicht die jeweils aktuell erzeugte, die in assets/css beim Speichern des internen Stylesheets erzeugt wird?