Valid CSS! Valid XHTML 1.1!

CSS styles using page

previous page




What is this Page about?

About (non-)Support of recent w3c
Standards by Modern(?) Browsers

Recently I decided (encouraged by the now rather small, rapidly decaying market share of the dated and nearly completely CSS incapable ancient Netscape 4.x browser), that it is time to get my HTML pages to a new level of current design, adding some bonuses for my visitors and easing up writing consistent new pages for myself.

And this page is now a mixture of testing features (see section below) and the design I (still!) hope to roll out in the months coming. To make it short: the table below was intentionally created by me only with CSS layout shaping and some seldom met special cases; I wanted to see, how bad it can get displayed in feeble, non-conforming (to w3c standards) browsers. And as I feared, the only browsers conforming to those standards proven in this not too complex case are once again Opera and Mozilla respective all Gecko-engine (at least Mozilla 1.0 status using) based browsers.

Status at Time of Writing (23. Feb 2003)

And even worse, an absolute flawless rendering was managed solely by the brand-new Opera 7, its Presto engine has still some reliability and stability issues to be solved by its vendor, but does exceedingly well in such tasks to render correctly due to the w3c. Below you will find some pictures, how this page should look, but will not besides you are using Opera 7. In Opera 6 and all Gecko-based browsers (up to Mozilla 1.3beta!) I saw minor inner table row/cell border faults, the Gecko ones ignore the max-width property for the table element, and all other browsers are not even nearly up to display it correctly, including the shitty monopoly browsers from Redmond and Apples Safari, to name the most frequently used aside of the mentioned conforming and the dated Netscape up to 4.8; the last ignores most of the style properties.


Concluding remarks: first, I have not yet tested the great feature of module support included in this XHTML 1.1 --- it is the superior successor of all that tedious and problematically (i)frame stuff. But expect also support for it again only by Opera and the Gecko based browsers... And mime types are another show stopper: when you send correctly either application/xhtml+xml for typically .xhtml extension files or text/xml for .xml files, the monopoly browsers will fail miserably to show you a readable page (try yourself by typing this URL only with the extension changed from html to xml!), other browsers have generally not even an idea of XML or XHTML. Once more only the Mozilla class and Opera browsers do it right, you will most often discern slight differences in rendering then, because they use a more strict rendering scheme in this case. But this page will look the same (with a minor exception: XHTML entities aside from the in-build XML ones seem not to be resolved in XML/XHTML mode by Opera, I'm not sure, if this is okay), opposed to my XHTML 1.0 Transitional pages, which use obsolete non-CSS layout attributes...

Screenshots (scrolled top-bottom): 1 2 3

Annoyances and Examples

Dies ist ein längerer Text, der unter anderem einen Mischmasch aus direkt kodierten Zeichen und Umlauten enthält, die entity-kodiert sind. Außerdem ist er viel zu lang für eine Zeile!

nur eine Spalte hier...
eine Spalte gefüllt, die nächste leer...hier wieder etwas...und nochmal:die Tabelle wird immer breiter erzwungen...the next two words are extra spaced
Spalte 1Spalte 2

Subsection Example with filling Texts (different Styles)

Versuch, Abstand zu schinden...

visible smaller font size

Versuch, Abstand zu schinden...

font style emphasized, set to italic

Versuch, Abstand zu schinden...

font style strong, set to bold

Versuch, Abstand zu schinden...

Versuch, Abstand zu schinden...

Versuch, Abstand zu schinden...

Versuch, Abstand zu schinden...

previous page browser resources main and index top

remarks etc. to: