Posts Tagged ‘CSS’


Spass mit IE7 und z-index

Samstag, 21. Oktober, 2006

Hrmmpfarrgh. Okay, der z-index-Bug ist wohl auch in IE7 noch nicht gefixt. Auch Elemente mit z-index:auto erhalten aus irgendeinem Grund einen eigenen Stacking Context mit z-index=0, wodurch „richtige“ z-index-Angaben in Kinderelementen keine Auswirkungen im globalen Dokumentkontext haben. (Ja, klingt wirre). Das ist wirklich ärgerlich, denn da der IE jetzt ja Alpha-Transparenzen in PNG-Grafiken unterstützt, könnte man nun eigentlich schöne flexible Layouts aufbauen. Aber nö. Wäre ja zu einfach.

Wenn man die Fehlerursache wenigstens immer recht rasch herausfinden würde … stattdessen muss man per Trial&Error an allen Ecken und Enden drehen und im Interweb nach Erklärungen suchen:
Eine Doku zu z-index im Allgemeinen auf den Websites von Mozilla.org:
http://developer.mozilla.org/en/docs/Understanding_CSS_z-index

Und eine Demonstration der z-index-Bugs in IE6/7:
http://www.aplus.co.yu/lab/z-pos/
http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html

Achja, „Generated Content“ wie :after und :before kann er auch nicht. Und wieder ein paar semantisch unnötige DIVs mehr im Code. Naja, der IE8 … err… „IE Next“ ist ja schon angekündigt

Das neue Slashdot

Dienstag, 30. Mai, 2006

Slashdot ist seit nun schon fast neun Jahren eine der wichtigsten Online-News Quellen für Nerds und andere Websurfer. Das News-Portal war Vorbild für viele andere ähnliche Community-Newssites — inklusive Trollen, Star Trek Fans, Flamewars und Mac/Wintel-Glaubenskriegen. Seit Jahren basierte das Markup der eigentlich recht technophilen Website allerdings auf altem HTML3/4 Code — nun wird in den nächsten Tagen der lange vorbereitete Wechsel auf ein XHTML / CSS-basiertes Layout vollzogen.

Das neue Design ist ein schönes Beispiel für ein behutsames, aber dennoch frisches Facelifting. Die neue Website ist Slashdot-typisch schlicht, aber dennoch elegant und wirkt deutlich „aufgeräumter“. An „rounded corners“ geht’s heute meist nur schwer vorbei (diesem Trend habe ich auch schon oft nachgegeben) und dazu einige Farbverläufe, aber im klassischen Slashdot-Grün. Interessant auch der Umstieg von einer Serifen-Schrift auf eine Sans Serif (Tahoma? Hab nicht nachgeschaut).

Dank des CSS-Einsatzes ist Slashdot nun auch Screenreader-kompatibel — divs statt tables.

Einzig der „Read More“ Button der einzelnen Beiträge ist etwas ungünstig positioniert, den nimmt man dort irgendwie nicht wahr. Und vielleicht hätte ich auch den tiefschwarzen Balken am Kopf der Site mit den OSTG-internen Links etwas anders gestaltet — im Moment drängt der sich (zumindest für meinen Geschmack) etwas zu sehr auf und lenkt vom Slashdot-Logo ab. Aber wie gesagt, insgesamt sehr gelungen.

 

Durch die weitere Nutzung der Seite stimmst du der Verwendung von Cookies zu. Weitere Informationen

Die Cookie-Einstellungen auf dieser Website sind auf "Cookies zulassen" eingestellt, um das beste Surferlebnis zu ermöglichen. Wenn du diese Website ohne Änderung der Cookie-Einstellungen verwendest oder auf "Akzeptieren" klickst, erklärst du sich damit einverstanden.

Schließen