ilimitado Web Entwickler Blog

Wie schon in unserem Artikel vom Niemand zum Hacker geschrieben, arbeiten wir seit geraumer Zeit mit Entwurfsmustern. Seit der Version 5, bietet PHP nahezu alle OO-Fähigkeiten, wie die etablierten Objekorientiereten Sprachen Java oder C++. Der Anwendung von Entwurfsmustern steht so also nichts mehr im Wege. Ich werde hier nicht darauf eingehen was Entwurfsmuster sind, dass werden wir in kürze in einem eigenen Blogbeitrag nachholen.

Wie schreibt man CSS Dateien so, dass die zugehörige Homepage in allen gängigen Browser gleich dargestellt wird? Braucht man für jeden Browser eine eigene CSS Datei? Muss man ständig irgendwelche CSS Hacks anwenden? Macht es überhaupt Sinn seine Homepage an alle möglichen Browser anzupassen oder verlässt man sich einfach auf den Firefox?

Nun, eins vorweg… eine Homepage sollte in allen Browsern gleich angezeigt werden laut Google Analytics wird dieser Blog folgendermaßen besucht:

Beim schreiben eines Blog Beitrages kommt es fast immer vor das man Akronyme setzen muss. Kommt in einem Text z.B die Abkürzung RSS vor, ist es im Hinblick, gerade auf barrierefreies Webdesign Sinnvoll, die Abkürzungen zu erklären.

Dies kann entweder mit dem XHTML Tag <acronym> oder dem Tag <abbr> geschehen. Ist eines dieser Tags gesetzt, bekommt der Benutzer der Homepage wenn er die Maus über dem Wort positioniert ein kleines Fenster angezeigt.
Im Falle von RSS zum Beispiel würde das Akronym so aussehen:

W3CSchools, ist ein freies durch Sponsoren finanziertes Internet Portal, welches sehr gute Tutorials zu fast allem was man sich so vorstellen kann anbietet. XHTML, CSS, XML, JS, PHP, RSS, RDF um nur einige zu nennen. Unter der Rubrik CSS findet sich ein ganz lustiges Quiz. Das ganze besteht aus 20 Fragen und dauert ca. 5 min. Es ist nicht wirklich schwer, aber auch nicht einfach von jemandem zu lösen, der keine Ahnung von CSS hat.

Beim Erstellen dieses Blogs bin ich auf ein interessantes Problem im Internet Explorer gestoßen. Die CSS-Eigenschaft background-image wurde vom Internet Explorer einfach nicht angewendet. Das Problem trat beim Sende (submit) Button einer Form auf. Die CSS-Eigenschaften waren:


#input {
background-image: url("images/ilimitado-blog-send.png");
background-repeat: no-repeat;
background-position: top left;
width: 221px;
height: 53px;
}


Firefox und Opera stellen beide die Hintergrund-Graphik dar. Der Internet Explorer, sowohl in der Version 6, als auch in der neuen Version 7, zeigt nur einen grauen großen Standard-Button an.