Externes CSS funktioniert nicht

Druckbare Version

21.04.2017, 08:10
Tendir

Externes CSS funktioniert nicht

Hallo zusammen.

Nachdem ich Contao bisher ausschließlich mit dem Internen CSS Framework nutzte, möchte ich in Zukunft lieber mit eigenen CSS-Dateien arbeiten.

Meine Vorgehensweise:
1. Dateiverwaltung -> neuen Order "css" erstellt
2. CSS in der Dateiverwaltung hochgeladen
3. Themes -> Layout -> Externes Stylesheet eingebunden

Passiert nix :-( Muss ich an anderer Stelle noch etwas definieren/aktivieren?
In der CSS-Datei starte ich einfach mit body {} etc.

Danke vorab für Eure Antworten.

Viele Grüße

André
21.04.2017, 08:25
dazzle89

Das Vorgehen klingt für mich soweit richtig, wobei ich noch nie mit Contao 4 gearbeitet habe, vielleicht gibt es da Unterschiede.

Vielleicht werden deine Anweisungen woanders überschrieben? Hast du mal sowas wie body { background: red !important; } ausprobiert?

Oder hast du möglicherweise mehrere Seitenlayouts und das falsche ausgewählt?
21.04.2017, 08:29
Tendir

Ja, das habe ich bereits probiert.
Die CSS-Datei wird im Quelltext auch korrekt mit <link> unter den internen implementiert.
21.04.2017, 08:33
planepix

Hallo Tendir,
hast du einen Link zur Seite, damit man das mal nachvollziehen kann?
21.04.2017, 08:33
dazzle89

Das ist wirklich komisch. Wenn die richtig eingebunden wird, vermute ich dass es sich nur um CSS-Fehler handeln kann. Falsche Selektoren oder ähnliches... Hast du einen Link zur Seite? Und mal den Cache gelöscht?
21.04.2017, 08:35
Spooky

Zitat:

Zitat von Tendir

Ja, das habe ich bereits probiert.
Die CSS-Datei wird im Quelltext auch korrekt mit <link> unter den internen implementiert.

Das heißt sie werden nicht kombiniert?
21.04.2017, 08:39
Tendir

http://new.dynamic-bytes.de/de/

Hmm habe jetzt im Quelltext mal auf den CSS Link geklickt. Datei nicht gefunden ... Benutzerrechte etc sind richtig gesetzt *grübel*
21.04.2017, 08:41
Spooky

Du hast wahrscheinlich den Ordner "css" unter "files" nicht öffentlich gemacht.
21.04.2017, 08:47
Spooky

Zur Anmerkung: in Contao 4 werden Stylesheets nicht mehr automatisch zusammengefasst (weil sinnlos bei HTTP/2). Man kann es im Seitenlayout aber unter Stylesheets » Skripte zusammenfassen aktivieren.
21.04.2017, 09:00
Tendir

Der Haken "Öffentliches Verzeichnis" ist für den Ordner "css" in der Dateiverwaltung gesetzt.
21.04.2017, 09:01
Spooky

Und gibt es im Ordner web/files auch tatsächlich einen Symlink zum Ordner files/css ?
21.04.2017, 09:03
Tendir

Der Haken "Scripte zusammenfassen" löste das Problem. Vielen Dank!
21.04.2017, 09:04
Spooky

Ist aber in deinem Fall nur ein Workaround ;). In dieses Problem wird du wahrscheinlich an anderer Stelle nochmal laufen.
21.04.2017, 09:05
Tendir

Noch eine Frage dazu: Ist es generell empfehlenswert die externen CSS nach den internen zu laden? Oder kann man das so nicht pauschalisieren?
21.04.2017, 09:06
Tendir

Ja ..ich werde mir Mühe geben das Workaroundin einem schnellzugänglichen Pfad meines Gehirnes zu speichern :-)
21.04.2017, 09:06
Spooky

Kann man nicht pauschalisieren, aber ich denke der Hauptanwendungsfall ist, dass du evt. Dinge aus den internen Stylesheets mit den externen Stylesheets überschreiben möchtest - daher willst du sie auch danach laden.
21.04.2017, 09:08
Tendir

ja ... so dachte ich mir das auch. Dann habe ich die richtige Wahl getroffen.

Vielen Dank mal wieder für Eure Hilfe!
21.04.2017, 09:09
Spooky

Zitat:

Zitat von Tendir

Ja ..ich werde mir Mühe geben das Workaroundin einem schnellzugänglichen Pfad meines Gehirnes zu speichern :-)

Nein, darum geht es nicht. Dieser Workaround funktioniert für die Stylesheets - aber wenn du Dateien aus files/ anderswo referenzierst, hast du einen derartigen Workaround nicht mehr. Du musst dem Problem auf den Grund gehen - außer du brauchst ansonsten gar keine Dateien aus files/, was ich für sehr unwahrscheinlich halte.
21.04.2017, 09:09
lucina

Das kommt drauf an - beispielsweise kann ein gekauftes Theme internes CSS mitbringen, dass man via externem überschreiben möchte. Oder man arbeitet mit einem externen CSS-Framework, möchte aber einem Redakteur mit beschränkten Kenntnissen die Möglichkeit geben, die im internen Editor vorbelegte Einstellung für .bigFontSize von 14 auf 18 Pixel zu stellen.

Sei kreativ ... ;-)
06.07.2018, 08:44
strawberry

Zitat:

Zitat von Tendir

Der Haken "Scripte zusammenfassen" löste das Problem. Vielen Dank!

ja, ich hab auch eine Weile rumprobiert, um rauszufinden, dass der Haken setzen das Stylesheet erst aktiviert. Es wird zwar verknüpft und taucht in der HTML Ausgabe auf, aber ohne Inhalt :(. Gibts noch eine andere Möglichkeit? Ohne diesen Haken sieht man doch viel schöner, in welcher Datei welches CSS definiert ist.
LG
06.07.2018, 08:53
fiedsch
Zitat:

Zitat von strawberry

ja, ich hab auch eine Weile rumprobiert, um rauszufinden, dass der Haken setzen das Stylesheet erst aktiviert. Es wird zwar verknüpft und taucht in der HTML Ausgabe auf, aber ohne Inhalt :(. Gibts noch eine andere Möglichkeit? Ohne diesen Haken sieht man doch viel schöner, in welcher Datei welches CSS definiert ist.
LG

Das stimmt aus zweierlei Gründen nicht:
- das Stylesheet iat auch ohne "zusammenfassen" aktiv, kann nur nicht geladen werden, falls der Ordner, in dem es sich befindet nicht freigegeben ist. Bei Zusammenfassen landet das Ergebnis in einem Ordner, der immer verfügbar ist. Das Problem stellt sich damit also nicht.
- Es mag für Dich beim Entwickel einfacher sein, zu sehen, was woher kommt. Für Deine Besucher (ohne hhtp2) ist es aber besser - da weniger Daten - wenn die Stylesheets zusammengefasst und komprimiert werden.