Externes CSS funktioniert nicht

**Tendir** · 21.04.2017, 08:10

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é

**dazzle89** · 21.04.2017, 08:25

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?

**Tendir** · 21.04.2017, 08:29

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

**planepix** · 21.04.2017, 08:33

Hallo Tendir,
hast du einen Link zur Seite, damit man das mal nachvollziehen kann?

**dazzle89** · 21.04.2017, 08:33

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?

**Spooky** · 21.04.2017, 08:35

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?

**Tendir** · 21.04.2017, 08:39

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*

**Spooky** · 21.04.2017, 08:41

Du hast wahrscheinlich den Ordner "css" unter "files" nicht öffentlich gemacht.

**Spooky** · 21.04.2017, 08:47

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.

**Tendir** · 21.04.2017, 09:00

Der Haken "Öffentliches Verzeichnis" ist für den Ordner "css" in der Dateiverwaltung gesetzt.

**Spooky** · 21.04.2017, 09:01

Und gibt es im Ordner web/files auch tatsächlich einen Symlink zum Ordner files/css ?

**Tendir** · 21.04.2017, 09:03

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

**Spooky** · 21.04.2017, 09:04

Ist aber in deinem Fall nur ein Workaround

. In dieses Problem wird du wahrscheinlich an anderer Stelle nochmal laufen.

**Tendir** · 21.04.2017, 09:05

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

**Tendir** · 21.04.2017, 09:06

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

**Spooky** · 21.04.2017, 09:06

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.

**Tendir** · 21.04.2017, 09:08

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

Vielen Dank mal wieder für Eure Hilfe!

**Spooky** · 21.04.2017, 09:09

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.

***lucina*** · 21.04.2017, 09:09

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 ... ;-)

**strawberry** · 06.07.2018, 08:44

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

**fiedsch** · 06.07.2018, 08:53

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.