CSS-Editor-Bereinigung Version 1.0, Damit die CSS so bleibt wie erstellt Einstellungen

[amk]

nebenbei bemerkt: IE MAC? was ist bzw. war das eigentlich?!

[mika]

nebenbei bemerkt: IE MAC? was ist bzw. war das eigentlich?!

wie meinst' des jetzt? soweit ich weiss, war das ne superduperspezial-mac-ie-5.2-Version (zumindest bei OSX). Aber ich hab keinen. Trotzdem hätt ich gerne ein barrierearmes, browserübergreifend funktionierendes CSS. Und da stellt Yaml halt schon eine gute Plattform zum weiterarbeiten dar.

Aber zum Thema: Der Editor schmeisst das CSS derart um, dass ich Zeile für Zeile per Hand lesen muss. (sind halt auch eine große Menge Kommentare im Yaml-CSS drin. Ich experimentiere gerade mit der Datei /css/main/iehacks.css aus dem aktuellen YAML-Pack yaml_252_06110101)

Mit Dateivergleich meckert mein Programm, dass aufgrund zu umfangreicher Unterschiede hier kein Vergleich mehr möglich ist. dauert also.

@olaf: wie kommst du drauf, dass der Editor den mac-Hack rausschmeisst. Wird der als Kommentar deklariert?

michel

Der Beitrag wurde von mika bearbeitet: Mon. 18. December 2006, 22:46

[andi]

nebenbei bemerkt: IE MAC? was ist bzw. war das eigentlich?!

nunja. ich würde sagen in der grafischen branche (leider) ein noch nicht ausgestorbener browser. bei seiten mit zielpublikum «macintosh user» sicherlich noch immer empfehlenswert zu unterstützen. immerhin tauglicher als ie 5 win.

wie meinst' des jetzt? soweit ich weiss, war das ne superduperspezial-mac-ie-5.2-Version (zumindest bei OSX). Aber ich hab keinen. Trotzdem hätt ich gerne ein barrierearmes, browserübergreifend funktionierendes CSS. Und da stellt Yaml halt schon eine gute Plattform zum weiterarbeiten dar.

soweit mir bekannt schliesst das yaml-framework ie mac und netscape 4.5 vom css standardmässig aus. bietet aber eine möglichkeit, die «ie-mac-unterstützung» wieder zu integrieren.

@olaf: wie kommst du drauf, dass der Editor den mac-Hack rausschmeisst. Wird der als Kommentar deklariert?

klar /* no IE5 \*/

[Olaf]

Aber zum Thema: Der Editor schmeisst das CSS derart um, dass ich Zeile für Zeile per Hand lesen muss.

Echt jetzt!? Eigentlich dürfte es nur die Kommentare entfernen.

Mit Dateivergleich meckert mein Programm, dass aufgrund zu umfangreicher Unterschiede hier kein Vergleich mehr möglich ist. dauert also.

Das lässt sich IMHO dann ganz gut vergleichen. 2 Fenster nebeneinander und dann in dem einen die Kommentare überspringen. Du kannst dir ja dazu auch die angelegten Dateien vom Server holen, dann brauchst du nicht im Browser rumwurschteln.

@ADMINS
könnte man bitte diesen Thread ab hier: http://forum.sefrengo.org/index.php?showto...#post-main-5255 splitten?

Dabei fällt mir auf, die Beitragslinks funktionieren nicht! Ich hab mir die ID aus'm DomInspector rausgesucht. Die sollten da eigenlich automatisch erscheinen, aber alles ab # fehlt dort, wäre jedenfalls gut

[Guest_eknem_*]

Dabei fällt mir auf, die Beitragslinks funktionieren nicht! Ich hab mir die ID aus'm DomInspector rausgesucht. Die sollten da eigenlich automatisch erscheinen, aber alles ab # fehlt dort, wäre jedenfalls gut

Hallo Olaf,

Du musst nicht die rechte, sondern die linke Maustaste benutzen, klicken und dann den Link ausschneiden

[mika]

Ich hab jetzt a bisserl experimentiert: Das Problem liegt vor allem im Download bereits hochgeladener CSS-Skripte. Ich habe die Kommentare aus der Grund-Datei entfernt, damit ich ein vergleichbares Ergebnis bekomme, hab anschließend die Datei hochgeladen, manche Selektoren als fehlerhaft markiert bekommen und dann wieder aus Sefrengo downgeloaded. Die erste Datei ist diejenige, die ich hochgeladen habe, die zweite diejenige, die ich downgeloaded hab:

hochgeladene:

QUELLTEXT

@media all
{
    
    
    body { min-height: none; }                                                
    html { height: auto; }  
    
    .clearfix { display: inline-block; }  

    
    * html .clearfix { height: 1%; }  
    .clearfix { display: block; }      
    
    * html .floatbox { width:100%; }
    
    * html #col1 { position:relative; }
    * html #col2 { position:relative; }
    * html #col3 { position:relative; }
    
    .hold_floats { height: 1%; }

    
    * html ul { position: relative }
    * html ol { position: relative }
    * html dl { position: relative }


    * html blockquote { zoom:1 }


    #page_margins, #page, #header, #nav, #main, #footer { zoom: 1; }


    * html #col1 { display: inline; }
    * html #col2 { display: inline; }


    * html #col1_content { overflow: visible; }
    * html #col2_content { overflow: visible; }
    * html #col3_content { overflow: visible; }
    * html i, * html em { overflow: visible; display:inline-block; }

    
    #ie_clearing {
        display:block;      
        \clear:both;          

        width: 100%;        
        font-size:0;        
        margin: -2px 0 -1em 1px;  
    }

    * html #ie_clearing { margin: 0 0 -1em 0}         
    
    html {margin-right: 1px}
    * html {margin-right: 0}

    #col3_content {margin-bottom:-2px; }
    #col3 { position:relative; }

    .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l { display:inline; }
    .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r { display:inline; }

    .subc, .subcl, .subcr { width:auto; zoom: 1; }
    .subc, .subcl, .subcr { width:100%; w\idth: auto; }
}

@media screen
{


    * html #col1_content { word-wrap: break-word; }
    * html #col2_content { word-wrap: break-word; }
    * html #col3_content { word-wrap: break-word; }
    

    * html a,
    * html a:hover { background-color: transparent; }
    * html #footer a,
    * html #footer a:hover { background-color: transparent; }
    
    
}

downgeloadede Datei!!!:

QUELLTEXT

@import url(body);
html {
height: auto;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
* html .floatbox {
width:100%;
}
* html #col1 {
position:relative;
}
* html #col2 {
position:relative;
}
* html #col3 {
position:relative;
}
.hold_floats {
height: 1%;
}
* html ul {
position: relative
}
* html ol {
position: relative
}
* html dl {
position: relative
}
* html blockquote {
zoom:1
}
#page_margins, #page, #header, #nav, #main, #footer {
zoom: 1;
}
* html #col1 {
display: inline;
}
* html #col2 {
display: inline;
}
* html #col1_content {
overflow: visible;
}
* html #col2_content {
overflow: visible;
}
* html #col3_content {
overflow: visible;
}
* html i, * html em {
overflow: visible;display:inline-block;
}
#ie_clearing {
display:block;
\clear:both;

width: 100%;
font-size:0;
margin: -2px 0 -1em 1px;
}
* html #ie_clearing {
margin: 0 0 -1em 0
}
html {
margin-right: 1px
}
* html {
margin-right: 0
}
#col3_content {
margin-bottom:-2px;
}
#col3 {
position:relative;
}
.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {
display:inline;
}
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {
display:inline;
}
.subc, .subcl, .subcr {
width:auto;zoom: 1;
}
.subc, .subcl, .subcr {
width:100%;w\idth: auto;
}
@import url(* html #col1_content);
* html #col2_content {
word-wrap: break-word;
}
* html #col3_content {
word-wrap: break-word;
}
* html a,
* html a:hover {
background-color: transparent;
}
* html #footer a,
* html #footer a:hover {
background-color: transparent;
}

Was auffällt: Die @...-deklarationen werden vollständig durch @import(url...) ersetzt!?

Mir kommts ja fast so vor, als ob ich den hack gar nicht eingespielt hätte, aber ich habs gemacht und auch die Einstellungen im Projekt - ich verstehs nicht.

Was auch total komisch ist, ist die Tatsache, dass beim Hochladen in Design > Css was ganz anderes angzeigt wird, als dass dann als CSS eingebunden wird:

 Sefrengo_iehacks_ohne_kommentare.png ( 81.27KB ) Anzahl der Downloads: 17


in der Seite hab ich dann das CSS über die FF-Web-Developer-Bar ausgelesen und das CSS stimmt mit dem überein, was dann downgeloaded wird (siehe oben).

Ich hab jetzt grade keinen ftp-Zugang, aber heute abend kontrolliere ich noch mal die dateien aus deinem Hack Olaf.

Ansonsten hab ich dann keine Ahnung mehr, was da passiert ??? ratlos

Der Beitrag wurde von mika bearbeitet: Tue. 19. December 2006, 13:01

[braendle]

hochgeladene:

QUELLTEXT

@media all
{
...    
}

@media screen
{
...
}

Was auffällt: Die @...-deklarationen werden vollständig durch @import(url...) ersetzt!?

Ich weiss es, ich weiss es

CSS1 kennt keine Media-Typen in CSS-Dateien. Der Parser kennt nur CSS1. Die einzige Form der @-Einträge sind dort @import-Einträge und der CSS-Parser zerschiesst dir diese @media-Angaben in der Datei.
Sorry, die YAML-Erweiterung ist nicht mit dem CSS-Editor zu nutzen. Keine Chance - im Moment.

Diese Art der Dateien - da hatte ich es die Tage mit Björn drüber - werden in der nächsten Version des CSS-Bereiches unterstützt. Da hilft auch der Hack von Olaf zur Zeit nicht.

[mika]

alles klar. danke dir. dann werd ich ausschließlich mit dem dateimanager arbeiten und in den Projekteinstellungen die CSS-Dateien erlauben. Diese können dann auch ins Layout eingebunden werden. Ich kann zwar nicht direkt im SF editieren, aber brauche kein FTP. Hilft auch schon a bisserl weiter.

Merci und lg Michel

[Olaf]

Du musst nicht die rechte, sondern die linke Maustaste benutzen, klicken und dann den Link ausschneiden

Jo, danke, warum einfach wenns auch umständlich geht Hautsache ich merk mir das....

Diese Art der Dateien - da hatte ich es die Tage mit Björn drüber - werden in der nächsten Version des CSS-Bereiches unterstützt. Da hilft auch der Hack von Olaf zur Zeit nicht.

Ich seh auch keine Möglichkeit das noch irgendwie reinzuhacken, weil es nie mit dieser Schachtelung der {} zurechtkommen würde.
Ansonsten hört sich ja so an als wenn schon dran gearbeitet würde, toll.

[braendle]

Ich seh auch keine Möglichkeit das noch irgendwie reinzuhacken, weil es nie mit dieser Schachtelung der {} zurechtkommen würde.

Dazu benötigt man eine Art "zweite Ebene" in den CSS-Regeln, die es so noch nicht gibt.

Ansonsten hört sich ja so an als wenn schon dran gearbeitet würde, toll.

Jo, am Konzept feile ich noch ein bissel, da hier noch einiges zu bedenken ist

[amk]

wie meinst' des jetzt? soweit ich weiss, war das ne superduperspezial-mac-ie-5.2-Version (zumindest bei OSX). Aber ich hab keinen. Trotzdem hätt ich gerne ein barrierearmes, browserübergreifend funktionierendes CSS. Und da stellt Yaml halt schon eine gute Plattform zum weiterarbeiten dar.

ich weiss doch ... war 'n joke ...MAC IE 5.2 gab's auch schon vor OSX - aber was war/ist das doch für ein alle nase lang abstürzender M$-schrott gewesen. nun wer dafür heute noch entwickelt setzt sich vermutlich auch das ziel css mäßig für IE4 & NS4 kompatibel zu sein. die arbeit spar ich mir schon seit mehreren jahren - weil irgendwann reichts dann auch

[mika]

ich habs im nachhinein dann schon verstanden - hab mal wieder länger gebraucht (wie so oft)

das mit den alten browsern is so ne sache. auf der einen seite hast du recht: irgendwann is' gut. aber du glaubst nicht, was in schulen (ich arbeite als lehrer) noch so alles auf den rechnern rumfleucht .... da steck ich etwas im dilemma.

andere Frage: kann man den css-parser eigentlich komplett abschalten und trotzdem die Editierfunktion nutzen?

lg michel

[amk]

ich habs im nachhinein dann schon verstanden - hab mal wieder länger gebraucht (wie so oft)

das mit den alten browsern is so ne sache. auf der einen seite hast du recht: irgendwann is' gut. aber du glaubst nicht, was in schulen (ich arbeite als lehrer) noch so alles auf den rechnern rumfleucht .... da steck ich etwas im dilemma.

andere Frage: kann man den css-parser eigentlich komplett abschalten und trotzdem die Editierfunktion nutzen?

lg michel

was dann aber an politik und schulwesen liegt - die situation würde ich nicht unterstützten in dem ich noch 10 jahre alte browser supporte.
trotzdem natürlich schön wenn wenigstens die lehrer sich engagieren ... auch das ist leider nicht überall der fall. vielerorts wird seit jahren resigniert zu lasten der schüler. aber alles OT (sorry)

soweit ich weiss kann man den parser nicht komplett abschalten (was ja mehr oder minder das problem ist)

[FireFlyer]

Wollte mal nachfragen, wie der Stand ist!
Wir es in der neuen SF-Version einen höheren CSS-Editor geben und wird man Unterordner nutzen können, damit man YAML einbinden kann?

Gruß
FireFlyer

[firehorse]

CSS1 ? *lool* outline kennt diese Version ebenfalls nicht usw.. sind wir nicht eigentlich schon lange bei Version 2.0? Ich nicht schon Version 2.1 draußen? Und sitzen die nicht schon seit mehr als 4 Jahren an 3.0?

Eine Ausschaltfunktion wäre wirklich begrüßenswert. Man könnte diese ja nur für den Admin zugänglich machen, falls der Import weiterer Dateien überhaupt gestattet sein sollte. Es nervt mich schon seit Dedi, so dass ich CSS meist immer direkt ins Layout eintrage/angebe.

Dass es beim YAML nicht so einfach sein würde, war allerdings klar. Dort sind Hacks angegeben, damit auch der IE 4 für Windoofs 95 User noch etwas darstellen/anzeigen kann. Finde ich allerdings etwas übertrieben. Es würde heute auch ohne gehen oder der Star-Hack für IE 6 reichen. YAML ist außerdem zu fett und für Einsteiger überhaupt nicht geeignet, auch wenn sich dieses bei der aktuellen Version etwas gebessert hat. Persönlich würde CSS immer auf bezogen auf ein Projekt anfertigen. Zumal man seine eigenen Vorlagen ohnehin inpetto haben sollte, geht dieses ohnehin schneller als das gefummel unter SF und Yaml.

Etwas was grundlegend und immer wieder zur Kritik an YAML führt: Wie reagieren die Browser von Übermorgen da drauf?
Es ist und bleibt bestenfalls eine Notlösung und ein dickes Lob bleibt so nur den Seiten/Inhalten zu Yaml vorbehalten.

Wieder zu SF (oder auch Dedi), denn da war diese Version ja auch schon enthalten. Hier sollte wirklich mal überlegt werden wer denn überhaupt Änderungen an einer CSS-Datei vornehmen darf/soll. Immerhin sind SF/Dedi ja nicht nur für Eiinsteiger gedacht, sondern sind auch kommerziell im Einsatz. Sei es nun eine neue Version oder der Klick für den Admin.

Würde jedenfalls nicht ein so großes Gewisch um CSS innerhalb des CMS machen. Ein Autor sollte es können oder sich anderweitig informieren oder es lassen

@mika
Welches alte System ist heute noch voll im Betrieb? Sinngemäß! Schon der Zugang zum Netz dürfte die ollen Kisten schon an die Grenzen ihrer Leistungsfähigkeit bringen. Wer sich heute noch mit Windows 95/98 IE4/5 rumschlägt der braucht auch keinen Lehrer mehr. Da sind Hopfen und Malz verloren


gruss
firehorse

Der Beitrag wurde von firehorse bearbeitet: Wed. 17. October 2007, 08:33