CSS3-Demo für DFM2HTML

Seit der Version 4.0 unterstützt DFM2HTML teilweise die Erzeugung von CSS3-Code. Das betrifft zwar im Augenblick nur "runde Ecken" und RGBA, aber gerade Boxen mit Rundungen an den Ecken sind ein beliebtes Gestaltungsmittel der Webdesignergemeinde. Normalerweise sind dafür aufwendige grafische und CSS-Kontruktionen erforderlich. Mit CSS3 ist das alles wesentlich einfacher.

Diese Demonstrationswebseite wurde mit DFM2HTML und eingeschalteter CSS3-Option erstellt. Alle Hintergrundbereiche, also Kopf, Navigation, Inhalt und Fuss sind mit runden Ecken gestaltet.

Browsertest

Das Aussehen habe ich mit den folgenden Browser getestet:

• Firefox 2 - positiv
• Google Chrome 2 - positiv
• Iron 3 - positiv
• KMeleon 1.1.5 - positiv
• Opera 10.10 - negativ
• Opera 10.51 - positiv
• Safari 3.0.2 - positiv
• Internet Explorer bis Version 8 - negativ

Man kann also feststellen, dass die Warnung "Achtung: die meisten Browser unterstützen CSS3 noch nicht" so pauschal nicht stimmt. Die positiven Testergebnisse gelten natürlich auch für aktuellere Versionen der jeweiligen Browser. Einziger wirklicher Problempunkt ist und bleibt der Internet Explorer. Da dieser jedoch auch den Hintergrund farblich korrekt, nur eben mit "normalen" Ecken anzeigt ist nach meiner Auffassung die Aktivierung der Option akzeptabel.