CSS

Um ein fluides Layout realisieren zu können, bei dem sich die Breite der Internetseite immer dem Browserfenster anpasst, dabei aber trotzdem eine minimale und maximale Breite angeben zu können, gibt es in CSS die Eigenschaften min-width und max-width.

Leider unterstützt der Internet Explorer diese CSS-Eigenschaften nicht.

Cameron Moll stellt auf seiner Website einen in seinem Buch CSS-Mastery beschriebenen Weg vor, dem Internet Explorer trotzdem ein ähnliches Verhalten beizubringen, und zwar mit Hilfe von JavaScript-Expressions. (Weiterlesen »)

Der Code in CSS-Dateien von Webseiten, die über CSS layoutet werden, wird oft schnell sehr umfangreich.
Um darin den Überblick nicht zu verlieren, hilft es, die CSS-Dateien zu strukturieren.
Dafür gibt es verschiedene Ansätze, von denen einige in den folgenden Artikeln vorgestellt und diskutiert werden: (Weiterlesen »)

Mit der Firefox-Erweiterung CSS Viewer von Nicolas Huon wird der Blick hinter die Kulissen einer Website leicht gemacht.

Einmal installiert kann man in der Firefox-Menüleiste unter “Extras” bzw. in der englischen Version unter “Tools” den CSS-Viewer aktivieren.
Nun umrahmt er jedes Element, über dem sich die Maus gerade befindet, und zeigt die zugehörigen CSS-Eigenschaften in einem schön gestalteten Fenster übersichtlich an. (Weiterlesen »)

• YAML
• Dreispalter von Michael Charlier
• Layout-Gala mit 40 Layouts auf Basis des gleichen Quelltexts
• Three Column Layouts

Zwei Möglichkeiten, Inhalte mit CSS zu zentrieren: (Weiterlesen »)

Bei Floats verdoppelt der Internet Explorer ein margin, das in Floatrichtung eingefügt wird. Bei einem nach links gefloateten Element mit einem margin-left von 10px macht der IE daraus 20px.

Lösung:
Einem Float mit margin in Floatrichtung immer ein “display: inline;” hinzufügen. (Weiterlesen »)