CSS einfach erklärt

Jeder Browser verfügt zunächst einmal über ein eigenes Standard-Browser-Stylesheet. Darin stehen bestimmte Regeln, die sich zum größten Teil an den Initialwerten der CSS-Empfehlung anlehnen. Das W3C macht hierfür einen Vorschlag, der allerdings nicht normativ ist. Beim Firefox kann man sich diese Datei auch anschauen. Sie heißt html.css und liegt im Programmordner von Firefox im Unterordner “/res” (also z. B. “C:\Programme\Mozilla Firefox\res”). Alternativ kann man in der Adressleiste von Firefox auch “resource:///res/html.css”eintippen. Im Buch bin ich Seite 126 ausführlich auf diese Standard-Stylesheets eingegangen, da sie ein wichtiger Baustein der CSS Kaskade sind. Nur wenn man die Interpretation innerhalb der CSS Kaskade verstanden hat, kann man sich im nächsten Schritt daran wagen, das Zusammenspiel zwischen Kaskade, Vererbung und Initialwerten zu verstehen. Das Verständnis dieser Zusammenhänge ist das Fundament jedes CSS-Designers. Ansonsten wird man immer wieder vor scheinbar unlösbaren Problemen bei der Darstellung stehen.

Mehr lesen … »

Beim stöbern im Netz bin ich auf eine Zusammenfassung der wichtigsten CSS-Grundregeln gestoßen, die ich gerne mit Euch teilen möchte. Konkret geht es um folgende acht Punkte, die ich mal als Gebote zusammenfasse:

Mehr lesen … »

In den letzten Wochen bin ich mehrfach gefragt worden, wann Microsoft denn endlich den Support für den Internet Explorer 6 einstellen würde. Nicht nur aus der Sicht eines Webdesigners ist diese Frage berechtigt, bedenkt man das die Software bereits im Jahre 2001 veröffentlicht wurde. Die Antwort ist leider bitter: Im IEBlog war vor einiger Zeit zu lesen, dass Microsoft den Support für den IE6 analog zum Support des zugehörigen Betriebssystems Windows XP aufrechterhalten wird. Und die Unterstützung für XP wird nach jetzigem Kenntnisstand bis in den April 2014 reichen. Erst danach wird das Betriebssystem verschwinden, und mit ihm der IE6. Im Ergebnis werden sich zumindest kommerzielle Webentwickler noch einige Jahre mit zahlreichen Bugs und mangelhafter CSS-Unterstützung rumärgern dürfen. Die berühmten IE6-Sonderschichten werden uns also noch einige Zeit erhalten bleiben.

Update 1:

Im Windows-Blog hat Microsoft bekannt gegeben, die Downgrade-Rechte für Windows XP Professional auszudehnen — und zwar auf dem gesamten Produktlebenszyklus von Windows 7. Zwar soll der inkludierte Support wie geplant im Jahre 2014 auslaufen, optional wird aber darüber hinaus die Möglichkeit geben, eine individuelle Support-Vereinbarung abzuschließen. Im Geschäftsbereich ist insofern mit einem Einsatz von XP auf unbestimmte Zeit zu rechnen.

Update 2:

Microsoft selbst will nun die Abkehr vom IE6 forcieren und hat hierzu eine Countdown-Websiten initiiert. Interessant ist die auf dieser Seite hinterlegte Weltkarte, auf der die globale Verteilung des veralteten Webbrowsers zu sehen ist. Der Umstieg auf den IE9 ist aus Sicht von Webentwicklern zwar ein Fortschritt, aber auch nicht der Weisheit letzter Schluss.

Eine tabellarische Übersicht über die CSS-Unterschiede in den Internet Explorer Versionen 6, 7 und 8 bietet die Website von TutorialFeed. Einsteigern hilft die Übersicht ein Gefühl für Unterstützung der einzelnen IE-Versionen zu entwickeln, fortgeschrittene können es als Nachschlagewerk einsetzen. Leider hat sich in der Tabelle ein kleiner Fehler eingeschlichen, auf den im ersten Kommentar hingewiesen wird. Trotzdem eine schöne Idee, die auf jeden Fall ein Lesezeichen wert ist.

Optisch nicht so ansprechend, aber dennoch sehr empfehlenswert ist der Artikel “CSS Compatibility and Internet Explorer” des Microsoft Developer Networks. Auch dort wird aufgelistet, welche Regeln die Verschiedenen IE-Versionen bei CSS 2.1 und CSS 3 unterstützen.

Speziell für den Internet Explorer 8 sollten Sie zusätzlich als Ergänzung eine Liste heranziehen, in der sämtliche bekannte Darstellungsfehler (CSS, HTML, DOM, und Javascript) aufgeführt sind. Die Probleme sind exzellent nachvollziehbar, da für jeden Fehler eine Demonstrations-Seite sowie das bei Microsoft aufgeschlagene Problem-Ticket verlinkt ist.

Ein barrierefreier Zugang zum Internet ist vor allem dann gegeben, wenn der Abruf von Informationen auf Internetseiten auch für Menschen

1. mit körperlichen Behinderungen (z. B. Blinde) oder
2. technischen Einschränkungen (z. B. Handynutzer)

möglich ist. Eine erweiterte Begriffsbestimmung, die auch Aspekte wie Suchmaschinenfreundlichkeit oder allgemeine Accessibility berücksichtigt findet sich hier.

Während das Aussperren von Handynutzern aufgrund mangelnder Zugänglichkeit eher ein kommerzielles Problem (weniger Seitenabrufe) darstellt, kann man einem blinden Nutzer damit sein Tor zur Außenwelt verschließen. Nun ist es auf der einen Seite irgendwie verständlich, dass für einen Webdesigner ohne körperliche Einschränkungen die Diskussion um Barrierefreiheit häufig abstrakt erscheint. Lieber beschäftigen sich viele technikaffine Entwickler dann noch damit, dass ihre Website auf einem Smartphone lauffähig ist. Ein Redakteur vom Knetfeder Magazin hat deshalb die Perspektive umgedreht Mehr lesen … »