More istori/log technical details: table-less cross-platform CSS2

istori/log uses table-less cross-platform CSS2 (although I did include the standard Greymatter calendar, implemented as a table). Structural tags, such as headings, are chosen from the appropriate simple, standard HTML elements, so that browsers that don’t handle CSS graciously fall back to plain HTML layout.

CSS provides a very powerful, easy way to format and maintain web pages, but at the current time it is supported in very idiosyncratic ways in different browsers. CSS authors need to navigate around significant bugs in order to present pages that work well in a variety of browsers. (Hopefully this will change in a few years as CSS support in browsers becomes more robust.)

I have chosen a CSS layout that is somewhat simpler than I would have liked, in exchange for having a layout that has a consistent look in most browsers. Here’s how istori/log looks in various browsers, platforms and sizes.