Dies ist eine archivierte Seite. Die aktuelle Website finden Sie unter www.iconscreen.de

IconScreen :: WebLog CSS

Eine Kollektion von Links zu den Themen Barrierefreiheit, Bilddatenbanken, CSS, Design, Fotografie, Gesellschaft, Kunst, Suchmaschinen, Web 02, WebDesign, XHTML.


CSS: WebDesign Ratschläge für das iPhone

Apple publiziert WebDesign Ratschläge für das iPhone unter: "Web Development for iPhone".
Für das iPhone empfiehlt Apple folgende Angaben im HTML-Kopf: <link media="only screen and (max-device-width: 480px)" href="iPhone.css" type="text/css" rel="stylesheet" /> Es wird also nicht die sonst üblichere Angabe von "handheld" genutzt. Statt "handheld" nutzt Apple also, laut golem.de "die Angabe von "screen" mit der erst in CSS 3 möglichen Angabe einer Maximalbreite. Es dürfte prinzipiell auch ungefährlich sein, dasselbe Stylesheet für Handhelds und CSS-3-Mobilbrowser zu nutzen, die HTML-Kopfangabe würde dann so aussehen: <link media="handheld, screen and (max-device-width: 480px)" href="iPhone.css" type="text/css" rel="stylesheet" />".

Kategorie: CSS | Getty | 13.07.2007 | Kommentare (0)

CSS: Tabellen mit CSS

Ulrike Hüler, Autorin des Buches "Cascading Styleheets - Stil mit Stil", schreibt in ihrem Weblog anschaulich über das Layout von Tabellen mit CSS.
Tabellenlayout nicht um damit die WebSite zu strukturieren, sondern um einfach schöne Tabellen zu gestalten.
Interessant: {table-layout:fixed;} bewirkt das die Tabelle immer ihre feste Breite behält, auch bei Mammutwörtern wie "Abgeschlossenheitsbescheinigung ".
Tabellen mit Stylesheet

Kategorie: CSS | Getty | 25.08.2004 | Kommentare (0)

CSS: 3-spaltige Layouts

Eine recht umpfangreiche Seite die Templates für CSS und XHTML anbietet. Schwerpunkt sind 3-spaltige Layouts. Mit und ohne Kopf- und Fußbereiche. Wahlweise NN4 kompatibel. Nach Wunsch mit festen oder flexiblen Breiten.
3-spaltige Layouts

Kategorie: CSS | Getty | 14.08.2004 | Kommentare (0)

CSS: 3-Pixel Dilemma

Oder im englischen "The Three Pixel Gap". Der MSIE (5 - 6) hat die Eigenschaft zwischen CSS Selektoren einen 3-Pixel-Abstand zu generieren.
Sie wollen ein mehrspaltiges Layout mit CSS entwerfen. Die Spalten sollen mit "float" nebeneinander stehen. Das Ganze soll pixelgenau sein. Und dann testen Sie dies mit dem Internet Explorer für Windows, Versionen 5 und 6. Und Sie sehen: Es gibt einen geheimnisvollen, kleinen Abstand zwischen den Spalten. Breite 3 Pixel. Wie damit umgegangen werden kann, steht hier:
positioniseverything.net
perun.net
Das 3-Pixel Dilemma

Kategorie: CSS | Getty | 13.08.2004 | Kommentare (0)

CSS: MSIE: Zoomen wie Opera

Einfach * {zoom: 1.0;} an den Anfang einer CSS Datei stellen und MS IE ist in der Lage, auch bei festen Font-Angaben mit px, die Text-Ansicht zu zoomen. Zuminest ab der Version 5.5.
via einfach-fuer-alle.de : MS IE: Zoomen wie Opera - auch bei festen px Angaben

Kategorie: CSS | Getty | 28.07.2004 | Kommentare (0)

CSS: CSS Filter IE Mac

Vorstellung und Beschreibung wie man gezielt nur für den Mac Internet-Explorer CSS Anweisungen schreibt.
CSS Filter für den Mac Internet-Explorer

Kategorie: CSS | Getty | 09.07.2004 | Kommentare (0)

CSS: Flash / XHTML

Kurze Einführung wie FLASH richtig in XHTML eingesetzt wird.
Flash validiert nach XHTML

Kategorie: CSS | Getty | 16.06.2004 | Kommentare (0)