Kleines CSS Rätsel unter WordPress

Responsives Design ist schon eine tolle Sache. Je nach den Fähigkeiten des Ausgabegerätes wird die Webseite angepasst. Vor einigen Wochen habe ich mich auch daran gemacht und mein Design um eine reponsive Komponente erweitert. Das ganze sieht auf kleineren Geräten nun so aus:

Dabei wird per CSS geschaut ob eine bestimmte Mindestbreite unterschritten wird:

@media screen and (max-width: 850px)
{
 ...
}

Wenn das der Fall ist werden bestimmte Elemente (wie die Siderbar) ausgeblendet, die Größe der Schriftart verändert, et cetera. Nur gibt es anscheinend ein Problem mit ungeklärter Ursache. Wenn ich auf einem Mobilgerät die Seite „Blog“ aufrufe so ergibt sich folgendes Bild:

Er ignoriert anscheinend das angepasste CSS für Bildschirme kleiner 850 Pixel und zeigt stattdessen die „normale“ Seite an. Dies passiert auf allen getesteten Geräten und auch nur auf der Blog Seite. Nun zum Rätsel: Woher kommt das? Über Ideen zur Lösung des Problems würde ich mich freuen :)

Weitere Informationen gibt es unter:
http://www.elmastudio.de/webdesign/webseiten-optimierung-fur-mobile-gerate-verschiedene-losungen-im-vergleich/
http://www.elmastudio.de/webdesign/diskussionsanregung-wie-wichtig-ist-die-webseiten-optimierung-fur-mobile-gerate-heute-schon/

Absätze im WordPress Themes

Als ich an einem WordPress Theme baute, hatte ich das Problem das es die Absätze nicht richtig darstellte. Nach einiger Weile und dem stöbern in anderen Themes entdeckte ich das ein einfaches:

.entry p
{
    margin-bottom: 1em;
}

in der style.css diesen Umstand behebt. Danach werden die Absätze korrekt angezeigt.

PhoneGap in Version 1.0 erschienen

Bei der mobilen Anwendungsentwicklung steht man vor dem Problem das man für jedes System meist eine andere Sprache sowie andere Klassenbibliotheken benutzen muss. In diese Lücke springt PhoneGap, welches vor kurzem in der Version 1.0 erschienen ist. Dabei handelt es sich um ein quelloffendes Framework mit welchem Anwendungen in JavaScript, HTML und CSS geschrieben werden können welche dann mit dem nativen Elementen der jeweiligen Plattform auf dem Gerät laufen.

Dabei ist es mit PhoneGap möglich Anwendungen für Android, iOS, webOS, Microsoft Windows Mobile, Nokia Symbian OS und RIM BlackBerry zu schreiben. Bezogen werden kann das Framework dabei unter http://www.phonegap.com/.

Weitere Informationen gibt es unter:
http://en.wikipedia.org/wiki/PhoneGap
http://www.pro-linux.de/news/1/17341/phonegap-10-veroeffentlicht.html

CSS Dateien auf Syntax- und andere Fehler überprüfen

Die Syntax einer Webseite sowie deren Einhaltung der Spezifikation (XHTML, HTML et cetera) kann man leicht mit Tools wie dem Validome (http://www.validome.org/) überprüfen. Bei CSS Dateien wird dies etwas schwieriger. Mit CSS Lint gibt es aber nun seit einiger Zeit ein Open Source Tool welches genau dieses leistet.

Unter http://csslint.net/ kann man seine CSS Datei hineinkopieren und dieses auf Fehler prüfen lassen. Nach der Prüfung bekommt man eine Liste mit Fehlern und Warnungen welche man in die Verbesserung der CSS Datei einfließen lassen kann.

Weitere Informationen gibt es unter:
http://www.golem.de/1106/84230.html