Know How

CSS

Dinge, die mir an CSS auffielen.

Siehe auch Rätsel

Notizen zu CSS

• < SPAN > erlaubt kein "margin", und "padding" bläht das Element auf ohne Platz zu verwenden. Ggf. muss man es mit einem < DIV > umgeben das den Margin enthält damit das < SPAN > dann nicht in Teilen über andere Elemente gezeichnet wird.
• Möchte man, dass < DIV > nicht die gesamte Zeile umrahmt etc. dann braucht man anscheinend ein enthaltenes < SPAN > das den Rahmen darstellt. Ich habe noch nicht herausgefunden, wie man ein < DIV > ohne "float"-Property schmäler als die Bildschirmbreite hinkriegt.
• :lang, :before und :after funktioniert nicht mit IE. Sie sind aber sehr gut für "Editor-Erweiterungen" geeignet, die dann eben nur in den Browsern funktionieren, die der "Editor" der Seite verwendet. Die Seite wird dann 1:1 dargestellt, aber mit ":hover" werden dann dynamisch Edit-Elemente ein- oder ausgeblendet. Wenn man also etwas editieren will, einfach mit der Maus drüber und das Edit-Element erscheint. Ganz ohne JS oder Rumgeklicke, sprich die Seite bleibt optisch unverändert, der Edit folgt einfach von selber der Maus. Die Idee ist also, ich kann einen Absatz so einfach auf "edit" umschalten, ohne den Rest des Textes zu beeinflussen. Also ein volles In-Place-Edit per CSS.

Warum CSS 2.0 nicht gut ist

Ich bin schon mehrfach darauf hereingefallen, dass IE kein CSS2.0 kann. Somit sollte man sich heute auf CSS 1.0 beschränken. Dies geht in der Regel auch schon ab IE4, somit sollte jeder Browser dies inzwischen können.

Der Vorteil von CSS ist, dass es die Tabellenformatierung nicht mehr notwendig macht. Somit kann man den Inhalt auch für Accessibility oder Drucken optimiert angeben. Viele Leute wissen es nicht, aber im Browser kann man per CSS auf eine Druckansicht umschalten, wenn das ins CSS eingebaut ist.

Der weiter Vorteil ist, dass man mit CSS wesentlich mehr Gestaltungsmöglichkeiten hat als mit nur normalem HTML. Wenn man diese braucht, sollte man keinen "Mix" machen, sondern gleich ganz auf CSS umschwenken. Ich mache - aus alter Gewohnheit - allerdings noch den Mix. An sich ist das grundfalsch.

Bamboo macht auch so einen Mix, der nix ganzes und nix halbes ist. Leider. Außerdem klaut es mir alles was ich zwischen <> schreibe.

Wenn ich mir mal ein eigenes CMS baue, das dann frei von JavaScript und HTML-Hacks ist, soll dieses komplett von Anfang an alles mit CSS machen. Das erlaubt dann fliegende Paletten und viel mehr. Naja, irgendwann im Jahr 20100 (da ist keine Null zuviel eg) werde ich wohl fertig ..

Aber ich notiere mir hier mal die CSS-Konstrukte, die ich so brauche.

-Tino, 2006-02-10