{gelöst} css Aktualisierungsproblem
am 07.05.2014 - 20:15 Uhr in
Hi liebe Foristen,
ich weiß nicht, ob ich hier richtig bin - bitte nicht hauen...
24deli.de
Ich benutze das Theme "corked screwer". Und versuche, den Abstand zwischen container12 und dem nachfolgenden Menu zu verringern (screenshot). Mittels margin-bottom: -10px. Über Firebug live eingegeben, klappt das wunderbar.
.container_12 .grid_9 {
margin-bottom: -10px;
width: 700px;
Wenn ich die original .css bearbeite, speichere und hochlade, ist die Zeile schlicht und einfach verschwunden (Firebug).
Laut live-Bearbeitung über Text-Wrangler ist sie aber da... Hä?
Stehe ich mir völlig auf dem Schlauch? Das hatte ich noch nie - wie kommt denn das?
Ganz lieben Dank für Denkanstösse
Marko
Anhang | Größe |
---|---|
Bildschirmfoto 2014-05-07 um 19.55.45.png | 87.96 KB |
- Anmelden oder Registrieren um Kommentare zu schreiben
Ich habe keine Ahnung, was
am 08.05.2014 - 08:02 Uhr
Ich habe keine Ahnung, was Dir Text Wrangler anzeigt... aber wenn ich mir die CSS Datei herunterlade, ist die Zeile nicht da. Wird sie beim Hochladen vielleicht nicht überschrieben?
Firebug wirft Dir auch einen
am 08.05.2014 - 09:36 Uhr
Firebug wirft Dir auch einen Netzwerkfehler vor die Füsse:
"NetworkError: 500 Internal Server Error - http://24deli.de/sites/default/files/languages/de_1T4Y9VDtE6J1yJMqaZnNvj9qG1O7JUY3BIcUZH1clIg.js?n52fmk"
Ich habe sowas auch schon gesehen, wenn ich in einer CSS bei einer Deklaration die schliessende geschweifte Klammer vergessen habe, so wie es grad auch in Deinem
Eröffnungspost aussieht.
lg leda
"Du liebst es, Du brauchst es oder Du gibst es weg"
www.leda.ch
Hallo Marko,vermutlich ist
am 08.05.2014 - 10:37 Uhr
Hallo Marko,
vermutlich ist bei Dir die JS/CSS Aggregation eingeschalten.
Du musst unter admin/settings/performance die Javascript und CSS Aggregation
ausschalten.
Dann dort den Drupal cache leeren.
Danach sollten die Änderungen erscheinen.
Tipp:
Grundsätzlich solltest Du alle caches sowie die Aggregation beim Themen ausschalten,
MfG
Robert
PS:
NetworkError: 500 Internal Server Error - http://24deli.de/sites/default/files/languages/de_1T4Y9VDtE6J1yJMqaZnNvj9qG1O7JUY3BIcUZH1clIg.js?n52fmk
Im error.log solltest Du einen genaueren Hinweis zu diesem Fehler bekommen.
https://awri.ch
Ich habe eine Schweizer Tastatur und daher kein scharfes ß ;-)
Vielen Dank...
am 08.05.2014 - 18:39 Uhr
...schon einmal für die Antworten!
Also. Live vom Space die .css in Textwrangler geöffnet:
.container_12 .grid_9 {
margin-bottom: -15px;
width: 700px;
}
ist da.
.css in Firebug betrachtet:
.container_12 .grid_9 {
width: 700px;
}
ist da.
Aggregations sind ausgeschaltet (s. screenshot)
Ein Phänomen?
Ist Textwrangler nicht
am 08.05.2014 - 20:05 Uhr
Ist Textwrangler nicht einfach ein Editor für Mac? Wie greift der denn auf die CSS Datei auf den Server zu? Kann es sein, dass Du in Textwrangler einfach immer deine lokale Css-Datei öffnest?
Hast Du mal die Caches
am 08.05.2014 - 21:40 Uhr
Hast Du mal die Caches gelöscht?
.
Werner
drupal-training.de
Moderator und Drupal Trainer
* - - - - - - - - - - - - - - - - - - - - - - - - - - - *
Ja...
am 08.05.2014 - 21:56 Uhr
...das ist er - und ein sehr guter. Ich benutze RBrowser in Verbindung mit TextWrangler und kann damit .css vom Server öffnen, bearbeiten und speichern.
Lokal ist bei mir eh' nicht...
Ich habe mir basic-layout.css herkömmlich herunterkopiert, da ist die Zeile:
.container_12 .grid_9 {
margin-bottom: -15px;
width: 700px;
}
drin.
- margin-bottom: -15px; - sollte den gewünschten Effekt haben, das nachfolgende Element um -15px nach oben zu positionieren. Tut es aber nicht.
- Firebug zeigt live im .css diese Zeile nicht an...
- aber wenn ich diese Modifikation im Live-Firebug eingebe, wird der margin-Befehl korrekt ausgeführt.
Auf welchem meiner Schläuche stehe ich denn gerade?
Hallo, also wenn die Datei
am 09.05.2014 - 11:47 Uhr
Hallo,
also wenn die Datei auf dem Server diese Zeile enthält,
dann ist es definitiv der Cache des RBrowsers (den ich nicht kenne, aber mit Firebug ist es sicher ein Mozilla Derivat).
Verwende mal einen anderen Browser und leere auch den Cache des RBrowsers.
Was zeigt Firebug an wenn er die betreffende CSS Datei lädt?
304 not modified
bedeutet eben, er holt die Datei aus dem lokalen Cache nicht vom Server.
Wenn die Datei modifiziert wurde sollte Firebug
200 OK
beim Request anzeigen.
Wenn die Datei mit der betreffenden Zeile tatsächlich physisch auf dem Server vorhanden ist,
kann es nur der lokale Cache sein.
Beachte dass CSS Selektoren auch in Cookies gespeichert werden können.
Daher solltest Du ALLE Caches (Client,Server) und auch die Cookies löschen.
Gruss
Robert
https://awri.ch
Ich habe eine Schweizer Tastatur und daher kein scharfes ß ;-)
RBrowser
am 09.05.2014 - 12:36 Uhr
Hallo Robert,
danke für Deine Antwort.
Also ich gehe so vor:
Webseite im Firefox geöffnet
RBrowser ist mein FTP-Client, dort öffne ich direkt vom Webspace die CSS in TextWrangler. Ich sichere in TextWrangler und sehe, dass er auf den Webspace speichert.
Ich hatte jetzt mal alle Programme beendet und mir über den FTP-Client die css nochmal aufs lokale Laufwerk gespeichert, die Zeile ist vorhanden.
Schaue ich im Firefox per Firebug in die css, ist sie icht da.
Ich kenne mich mit Caches nicht aus, aber was läuft denn hier schief?
Hi, wie ich bereits
am 09.05.2014 - 13:10 Uhr
Hi,
wie ich bereits sagte:
Schau im Firebug Reiter Netzwerk Tab Alles.
Dort kannst Du sehen, wie er die betreffende CSS Datei lädt.
Steht dort bei Status:
304 Not Modified
bedeutet das, er lädt die CSS Datei nicht vom Server sondern
aus dem lokalen Cache des Browsers.
Schau mal ob er 304 als Status anzeigt.
Wenn ja, dann leere den Firefox Cache:
https://support.mozilla.org/en-US/kb/how-clear-firefox-cache
Lade die Seite erneut und schau wieder in Firebug.
Wenn jetzt bei Deiner CSS als Status
200 OK
angezeigt wird, dann hat er die Datei vom Server geladen und nun
sollte die fehlende Zeile vorhanden sein.
Eine genaure Erklärung wie HTTP Caching funktioniert würde
den Rahmen dieses Threads sprengen ;-)
Gruss
Robert
https://awri.ch
Ich habe eine Schweizer Tastatur und daher kein scharfes ß ;-)
Habe...
am 09.05.2014 - 13:34 Uhr
...den Firefox-cache geleert, keine Änderung.
Beim Firebug/Netzwerk/Alles steht bei mir gar nichts. *verzweifel*
Ich bin so schon bei allen meinen Webseiten vorgegangen, aber so etwas habe ich noch nie erlebt...
Hi,habe gerade
am 09.05.2014 - 13:49 Uhr
Hi,
habe gerade nachgesehen.
Wenn Du den Link zu deiner CSS mal direkt eingibst:
http://24deli.de/themes/corkedscrewer/css/960.css
Dort ist die Zeile die Du meinst gar nicht da.
Der Selektor sieht dort so aus:
.container_12 .grid_9 {
width: 700px;
}
D.h. Deine CSS Datei wurde gar nie hochgeladen.
Ich bin in den vorigen Posts davon ausgegangen,
dass die Datei hochgeladen wurde.
Das scheint nicht der Fall zu sein.
Mich wundert allerdings dass Dir Firebug keinen HTTP Status anzeigt.
Sowie dass dein FTP Client RBrowser anscheinend nicht anzeigt, dass
er die Datei evtl. remote nicht speichern konnte.
Gruss
Robert
https://awri.ch
Ich habe eine Schweizer Tastatur und daher kein scharfes ß ;-)
OOOOOOKKKK....
am 09.05.2014 - 13:55 Uhr
...wie schön, wenn man so viele Tage in der falschen css rummacht. Ich dachte, es wäre die "basic-layout.css", dabei war es die "960.css"...
Kann aber auch passieren, da beide fast identisch sind. Aber offensichtlich zieht Firefox die 960 vor.
Vielen Dank an Robert und alle anderen, die geschrieben haben und für Eure Unterstützung!
Marko
Noch was, ich sehe in Firebug
am 09.05.2014 - 13:58 Uhr
Noch was,
ich sehe in Firebug eine
basic-layout.css
wird von Deiner Seite
überhaupt nicht geladen!
Der betreffende CSS Selektor wäre in:
http://24deli.de/themes/corkedscrewer/css/960.css
MfG
https://awri.ch
Ich habe eine Schweizer Tastatur und daher kein scharfes ß ;-)
Basic-layout.css...
am 09.05.2014 - 14:27 Uhr
...ist praktisch identisch mit der 960er.
Hi, freut mich dass Du den
am 09.05.2014 - 15:10 Uhr
Hi,
freut mich dass Du den Fehler lokalisieren konntest.
Allerdings noch ein Wort zur Warnung:
Du solltest entweder ein Subtheme des Themes erstellen oder ein eigenes CSS File einbinden und den CSS Selektor
dort überschreiben.
Ansonsten musst die Deine Änderung in dieser Datei SEHR genau dokumentieren.
Denn:
1. Beim einem Update des Themes werden die Änderungen im 960er CSS sehr wahrscheinlich überschrieben.
2. Wie kann ein Nachfolger Deine Änderung am Base Theme nachvollziehen?
Gruss
Robert
https://awri.ch
Ich habe eine Schweizer Tastatur und daher kein scharfes ß ;-)
Gut...
am 09.05.2014 - 15:24 Uhr
...danke! Dazu werde ich mir wohl mal Gedanken machen müssen. Ich muss mir das mit dem Selektor mal anschauen, damit habe ich noch nie etwas zu tun gehabt.