Verwendung von Styles in HTML-Newsletter - CSS-Guid

abgelegt in: WebWorker

Desktop-Clints (Outlook, Thunderbird oder auch Lotus Notes) und Browser-Clients (Yahoo, Gmail oder AOL) intepretieren Stylesheet-Angabe unterschiedlich. Dieser Guide zeigt die Möglichkeiten der Verwendung von speizellen Tags an.

Hier zum Guide: http://www.campaignmonitor.com/css/

CSS und das Box-Modell der Browser

abgelegt in: WebWorker

Das Box-Modell definiert die Berechnung der Breite und Höhe von Elementen. Seit der CSS1-Spezifikation des W3-Konsortiums aus dem Jahre 1996 errechnet sich die Gesamtbreite eines Elements aus einer Addition der Breite, des Innenabstandes, der Rahmenstärke und des Außenabstandes (Quelle: SELFHTML).

Soweit zum Standard, aber einige Browser zicken herum, deswegen es auch einiger Tricks bedarf, wenn Pixelgenaues arbeiten notwendig ist.

Wo anders als bei SELFHTML findet sich Hilfe.

Inhalt:

  • Berechnung von Breite und Höhe
  • Der Box-Modell-Fehler des Internet Explorers
  • Dokumenttyp-Weiche (”Doctype Switch”)
  • Beispiele unterschiedlicher Darstellung
  • Browser mit Dokumenttyp-Weiche
  • Dokumenttyp-Deklarationen für den standardkonformen Modus
  • Umgehungsstrategien für mangelhafte Browser
  • Verzicht auf pixelgenaue Ausrichtung
  • Trennung der Breite und Höhe von Rahmen und Innenabstand
  • Browserweichen (CSS-Hacks)
  • Tan-Hack
  • Tantek-Hack
  • HTML-Kommentar

http://de.selfhtml.org/css/formate/box_modell.htm

CSS Tests und Experimente

abgelegt in: WebWorker

Die Seite bietet eine Sammlung von CSS Experimenten. Anhand von Beispielen (Image-Galerien, Seiten-Layouts in Spalten oder Layouts) werden Möglichkeiten und die Grenzen von CSS an programmierten Tests gelistet.

Im Internet: http://www.brunildo.org/test/