Zum Hintergrund: Ich arbeite momentan an einem thewall Redesign. Der Fokus liegt auf dem Inhalt und auf dem Näherbringen von Informationen. Trotzdem will ich selbstverständlich die Präsentation nicht zu kurz kommen lassen.

Wer heute eine XHTML/CSS kompatible Seite machen will, wird schnell feststellen, dass die Seite eigentlich nur im Quellcode überall gleich aussieht. Das ist soweit nichts neues. Aber besonders bei CSS sieht es mit der sauberen und standardkonformen Unterstützung extrem schlecht aus. Will man eine annähernd gleiche Darstellung erzielen, ist man auf einige sehr üble Hacks angewiesen, die nicht nur die ignoraten Haltung eines großen Entwicklers fördern, sondern auch das Voranschreiten von sauberen Implementationen behindern. Und warum man solche Hacks auf thewall nicht finden wird, beschreibt dieser Artikel sehr treffend.

Was man mit CSS erreichen kann, wird übrigens bei diesem Paradebeispiel sehr eindrucksvoll bewiesen.

Um mal konkret zu werden, nach meinen Tests bewerte ich den Netscape/Mozilla/Firefox Support mit sehr gut, Opera gut bis befriedigend und Internet Explorer mit mangelhaft. Damit will ich alle IE Nutzer gleich vorwarnen: thewall wird funktional sein, aber kann unter Umständen durchaus hässlich aussehen.

Die Erfahrung habe ich mittlerweile auch gemacht. Ich verstehe allerdings nicht, warum Opera in der CSS Unterstützung schlechter sein soll als z.B. Mozilla ? Eine recht bekannt wie nützliche Seite zu u.a diesem Thema ist http://www.alistapart.com .

Zitat:

Opera-Dokumentation

CSS Level 1

Opera 7 supports all of CSS1.

CSS Level 2

Opera 7 supports all of CSS2 with the exception of:

- These properties: font-size-adjust, font-stretch, marker-offset, marks, and text-shadow,
- These properties were added in Opera 7.2: direction and unicode-bidi
- The values added to list-style-type in CSS2.
- These property/value combinations: "display: marker", "text-align: <string>", "visibility: collapse".
- Named pages (as described in section 13.3.2).
- The "@font-face" construct.
- The :lang() selector
- Complete table of CSS level 1 and 2 support

CSS Level 2 Revision 1

CSS 2.1 is currently a W3C Working Draft, compliance is measured against the latest draft, but the final version may differ.

Opera 7 supports all of CSS 2.1 with the exception of:

- The direction and unicode-bidi properties.
- The values added to list-style-type in CSS 2.0.
- The :lang() selector

K:R-I)Z++
"CSS ist cascading style sheets. Und nicht so'n Ranzspiel." - dp
In memory of Voice († 2005/03/30)

am ärgsten finde ich die microsoft webseite. gibt man sich als "opera" ausfunktioniert nichts, gibt man sich als "IE" aus, funktioniert alles super...

Die Erfahrung musste ich unlängst leider auch machen, als ich versucht habe, die Firmenhomepage meiner Eltern in standardkonformes XHTML mit CSS zu konvertieren.

Der w3c-Validator hatte nichts zu beanstanden, als allerdings die Seite in jedem Browser anders aussah, beschloss ich den proprietären Kack online zu lassen.
Funktioniert wenigstens überall.

„Und da wir uns ja seit heute etwas näher gekommen sind, kann ich nur sagen: Mir hilft da immer Norther volle Lautstärke (so wie jetzt), sodass die ganzen unrasierten, Wasserpfeife rauchenden, alternativen Wichsstudenten aus ihren, aus Bananenschalen und Abfall gebastelten, Sitzkissen fliegen.“

ich habe mit W3C so oder so nur schlechte erfahrungen gemacht, ich bin kein profi in sachen web, ich mache meine seiten in plain HTML mit ein bischen CSS zur formatierung, das ganze schreib ich von hand in notepad, und es klappt immer, es sieht immer so aus wie ich es will, dann wollte ich einmal mal auf den neuesten stand kommen und hab einen W3C header eingebaut, und prompt, sah alles anders aus, nichts passte mehr, meine formatierungen hat er so interpretiert wie ich es nie vorhatte, und deshalb kann mir das W3Csonstnochwas den buckel runterrutschen, bis jetzt kenn ich nämlich auch niemanden, der mit meinen nicht-konformen seiten probleme in anderen browsern hatte

hab mal dp's "paradebeispiel" seite in firefox und IE 6 angeschaut und sah fast keinen unterscheid (nur manche kleineren details waren beim IE nicht zu sehen) wobei der geschwindigkeitsunterschied des seitenaufbaus doch erheblich war....

Doomhammer
Obwohl wir nicht mehr die Stärke besitzen durch die in früheren Zeiten Himmel und Erde Bewegt werden konnten, sind wir doch immernoch eine Gruppe fest entschlossen Menschen, zwar geschwächt durch die Zeit und die Schläge des Schicksals, aber weiterhin durch den starken Willen beseelt stets zu suchen, stets zu finden und niemals aufzugeben
"Ulysses", Alfred Lord Tennyson || Your Truth Is Fiction, Your Reality Is Fake || Hinterfragt alles und glaubt nichts

noch ein grund mehr auf firefox umzusteigen ;)

Source SDK

noch ein grund auf linux umzusteigen :P

Noch ein Grund mehr seinen PC mit der Dampframme zu bearbeiten o_O

*dp's post unterschreib*
der mozilla/firefox ist einfach genial was parsing angeht.
beim opera gibs allerdings ein paar sachen die mich nerven:
- per js bgcolor eines tds ändern macht nicht die ganze zelle andersfarbig (manchmal)
- height in prozent und align angaben werden machmal ignoriert.

über den ie braucht man eigentlich nicht reden, denn er kann nicht mal xhtml. jedenfalls nicht im sinne des erfinders.
er parst es wie (sein) normales html und nicht nach xml.
png 24bit mit alpha transparens kann der ie ab v6 nur mit css-filtern (ie only) darstellen. alles unter v6 kann keine alphatransparens.
was sonst alles mit dem ie nicht stimmt ist auf seite wie dieser zu lesen.

also dp sei kosequent und programmiere nach dem standard.

Kill? Box? Killbox!
Die Intelligenz ist eine Konstante, nur die Bevölkerung wächst.

Zitat:

- height in prozent und align angaben werden machmal ignoriert.

\o tanz den naziprau! o/

And more than ever, I hope to never fall,
Where enough is not the same it was before

noone
interessant
und was hat linux jetzt mit css zu tun

unter Linux wird CSS immer 100 Prozent eingehalten, egal mit welchem Browser!

Ich find Opera garnicht mal so schlecht. Gut, manchmal kommt es vor das Seiten nicht richtig angezeigt werden, das liegt dann aber auch nur daran das irgendwelche von microsoft selbst eingeführten nichtstandard-Befehle verwendet wurden.
Mal sehen ob firefox wirklich so abgeht wie alle behaupten.

http://choerbaert.org
Ein Gespenst geht um im Netz - das Gespenst des Open Source
csndr

Zitat:

theDon postete

Zitat:

- height in prozent und align angaben werden machmal ignoriert.

das ist ja auch nicht standardkonform.

Kill? Box? Killbox!
Die Intelligenz ist eine Konstante, nur die Bevölkerung wächst.

Unter Linux wird CSS doch auch ned anders eingehalten als unter Windows, da des vom Browser interpretiert wird und ned vom Kernel. Der Gecko-Engine is des absolut egal ob sie jetzt unter Windows oder unter Linux läuft (seh ich hier ja auch). Und ich nehm mal an, dass das mit Opera auch ned anders is.
Firefox hat bei mir die Seiten immer genauso wie Mozilla dargestellt, is ja auch im Prinzip wieder die Gecko-Engine nur ohne Mail- und IRC-Programme.

[edit]
Bildgrößen per Attribut ändern macht man sowieso nicht, da des in der Regel immer schlecht aussieht, außerdem sind Prozentangaben in der Praxis sowieso nicht das Gelbe vom Ei, da die bei jeder Bildschirmauflösung anders breit sind und man somit schlecht layouten kann.
[/edit]

Was immer auch geschieht: Nie sollt Ihr so tief sinken, von dem Kakao, durch den man Euch zieht, auch noch zu trinken! -- Erich Kästner

doomhammer: die seite ist ja auch extra darauf ausgelegt - sie nutzt oben angegebene hacks. zudem ist ie5 immer noch der meistverwendete browser. und der ist nochmal ne ganze ecke schlechte was css support betrifft.

Zitat:

[edit]
Bildgrößen per Attribut ändern macht man sowieso nicht, da des in der Regel immer schlecht aussieht, außerdem sind Prozentangaben in der Praxis sowieso nicht das Gelbe vom Ei, da die bei jeder Bildschirmauflösung anders breit sind und man somit schlecht layouten kann.
[/edit]

Abgesehen davon das Forum hier hat auch Prozentangaben, und ich finde das äusserst Praktisch, grade weil es sich an jede Auflösung anpasst o_O

Jo, Prozentangaben für Basistabellen sind fundamental, solange keine fixe Breite gefordert wird.

K:R-I)Z++
"CSS ist cascading style sheets. Und nicht so'n Ranzspiel." - dp
In memory of Voice († 2005/03/30)

Naja, die aussage, dass der überwälltigende Großteil den IE nutzt, trifft sicherlich auf den Durchschnittsuser zu, aber hier auf ThW ist das glaube ich nicht mal die Mehrheit.

[Dennis "Dr.Zenz" Jenz][Photon Audio Player]

Master Pegasus
da hat einer die ironie nich gesehen :P

Zitat:

wie <img ... height="100%" ... /> ist nicht standard konform ?

Ich nehm nach wie vor in 99.9% aller Fälle den Opera. Der ist stabil und hat eine einmalige Benutzerführung. Mouse-Gestures, selbstdefinierte Suchkeywords über search.ini, Zoom, astreines Cookie & Popup Handling, Quick-Settings über F12 usw.usf. haben mich einfach überzeugt ;) Außerdem sind Mozilla-based Browser auf älteren Rechnern (wie zum Beispiel diesem 400MHz Celeron) notorisch langsam (weniger vom Seitenaufbau, da nehmen sich Opera und z.b. Firefox nichts - mehr vom UI - Back/Forward Buttons (die ich unter Opera gar nicht mehr nutze ;) ) & Menüs irgendwie träge).

[edit] Ok, eine Sache stört dann doch: aus irgendeinem Grund kriegt es der Opera nicht gebacken, die Verdana korrekt anzuzeigen. Es geht, wenn man sie über <font face="Verdana">... deklariert, aber nicht über CSS. Verstehe wer will... [/edit]

TheTinySteini
Coder Poke646
"Don't Panic" - Hitchhiker's Guide to the Galaxy

Zitat:

[edit] Ok, eine Sache stört dann doch: aus irgendeinem Grund kriegt es der Opera nicht gebacken, die Verdana korrekt anzuzeigen. Es geht, wenn man sie über <font face="Verdana">... deklariert, aber nicht über CSS. Verstehe wer will... [/edit]

K:R-I)Z++
"CSS ist cascading style sheets. Und nicht so'n Ranzspiel." - dp
In memory of Voice († 2005/03/30)

Ich finde den eingeschlagenen Weg (nicht zwangsneurotisch alles für die IE-User zu optimieren, weil das statistisch die meisten sind) für sehr bemerkenswert und unterstützenswert, denn was Microsoft da treibt ist unangebracht.

Opera rules. Mozilla auch.

www.de-maps.de.vu - Never touch a running Effekt !
TrainHunters-Modification

http://www.csszengarden.com/ sieht mit Konqueror 3.2.1 ziemlich perfekt aus.
Wie schaut's da mit dem TheWall-Redesign aus? Ich kann gerne für dich testen, dp.

"Gotta admit that I'm a little bit confused
Sometimes it seems to me as if I'm just being used
Gotta stay awake, gotta try and shake off this creeping malaise
If I don't stand my own ground, how can I find my way out of this place" Pink Floyd - Dogs