{"id":140,"date":"2007-11-02T11:46:57","date_gmt":"2007-11-02T17:46:57","guid":{"rendered":"https:\/\/technologists.com\/notes\/2007\/11\/02\/css-a-mans-got-to-know-his-limitations\/"},"modified":"2025-07-15T11:17:55","modified_gmt":"2025-07-15T16:17:55","slug":"css-a-mans-got-to-know-his-limitations-2","status":"publish","type":"post","link":"https:\/\/notes.technologists.com\/notes\/2007\/11\/02\/css-a-mans-got-to-know-his-limitations-2\/","title":{"rendered":"CSS: &quot;A man&#8217;s got to know his limitations&quot;"},"content":{"rendered":"<div class='__iawmlf-post-loop-links' style='display:none;' data-iawmlf-post-links='[{&quot;id&quot;:679,&quot;href&quot;:&quot;https:\\\/\\\/www.w3.org\\\/Style\\\/CSS10&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20250309053524\\\/https:\\\/\\\/www.w3.org\\\/Style\\\/CSS10\\\/&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-01 08:56:32&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2025-11-09 04:47:33&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2025-11-21 17:01:54&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2025-11-29 04:58:52&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2025-12-03 07:18:24&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2025-12-07 12:36:11&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2025-12-12 20:19:39&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2025-12-19 08:39:15&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2025-12-27 05:43:08&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2025-12-30 22:52:52&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-01-05 07:50:46&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-01-10 16:25:24&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-01-16 14:20:20&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-01-20 08:30:31&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-01-26 01:38:30&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-02-05 00:31:00&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-02-11 11:14:19&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-02-18 02:06:37&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-02-26 13:23:06&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-03-11 11:27:41&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-03-27 03:34:56&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-03-30 04:06:28&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-04-03 17:22:44&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-04-07 07:39:20&quot;,&quot;http_code&quot;:206}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2026-04-07 07:39:20&quot;,&quot;http_code&quot;:206},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:680,&quot;href&quot;:&quot;https:\\\/\\\/www.informit.com\\\/store\\\/product.aspx?isbn=0201596253&amp;rl=1&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20110919054850\\\/http:\\\/\\\/www.informit.com:80\\\/store\\\/product.aspx?isbn=0201596253&quot;,&quot;redirect_href&quot;:&quot;https:\\\/\\\/www.informit.com\\\/store\\\/cascading-style-sheetsdesigning-for-the-web-9780201596250&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-09 04:47:34&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2025-11-21 17:02:00&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2025-11-29 04:58:53&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2025-12-03 07:18:25&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2025-12-07 12:36:13&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2025-12-12 20:19:44&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2025-12-19 08:39:17&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2025-12-27 05:43:10&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2025-12-30 22:52:50&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-01-05 07:50:47&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-01-10 16:25:26&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-01-16 14:20:31&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-01-20 08:30:32&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-01-26 01:38:27&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-02-05 00:31:01&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-02-11 11:14:20&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-02-18 02:06:40&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-02-26 13:23:08&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-03-11 11:27:47&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-03-27 03:35:00&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-03-30 04:06:31&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-04-03 17:22:45&quot;,&quot;http_code&quot;:200},{&quot;date&quot;:&quot;2026-04-07 07:39:25&quot;,&quot;http_code&quot;:200}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2026-04-07 07:39:25&quot;,&quot;http_code&quot;:200},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:681,&quot;href&quot;:&quot;https:\\\/\\\/en.wikipedia.org\\\/wiki\\\/M4_%28computer_language%29&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20250812155453\\\/https:\\\/\\\/en.wikipedia.org\\\/wiki\\\/M4_(computer_language)&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-01 08:56:40&quot;,&quot;http_code&quot;:200}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2025-11-01 08:56:40&quot;,&quot;http_code&quot;:200},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:682,&quot;href&quot;:&quot;https:\\\/\\\/technologists.com\\\/primitives.m4&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20211205140811\\\/https:\\\/\\\/technologists.com\\\/primitives.m4&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-01 08:56:41&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2025-11-21 17:02:02&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2025-12-01 18:56:07&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2025-12-05 06:46:20&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2025-12-19 08:39:16&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-01-10 16:25:24&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-01-16 14:20:26&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-01-20 08:30:32&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-02-18 10:04:56&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-03-11 11:27:41&quot;,&quot;http_code&quot;:206}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2026-03-11 11:27:41&quot;,&quot;http_code&quot;:206},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:683,&quot;href&quot;:&quot;https:\\\/\\\/technologists.com\\\/appearance.m4&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20211205142520\\\/https:\\\/\\\/technologists.com\\\/appearance.m4&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-01 08:56:42&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2025-11-25 00:25:57&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2025-12-01 18:56:06&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2025-12-05 06:46:20&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2025-12-20 04:19:58&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-01-10 16:25:24&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-01-16 14:20:23&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-01-20 08:30:32&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-01-26 01:38:29&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-02-18 10:04:56&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-04-07 07:39:22&quot;,&quot;http_code&quot;:503}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2026-04-07 07:39:22&quot;,&quot;http_code&quot;:503},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:684,&quot;href&quot;:&quot;https:\\\/\\\/technologists.com\\\/~sauer\\\/chs_bio.m4&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20211205140057\\\/https:\\\/\\\/technologists.com\\\/~sauer\\\/chs_bio.m4&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-01 08:56:43&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2025-11-21 17:01:52&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2025-12-01 18:56:06&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2025-12-05 06:46:20&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2025-12-20 04:19:57&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-01-10 16:25:24&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-01-16 14:20:22&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-01-20 08:30:33&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-01-26 01:38:33&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-02-18 10:04:56&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-04-07 07:39:23&quot;,&quot;http_code&quot;:206}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2026-04-07 07:39:23&quot;,&quot;http_code&quot;:206},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:685,&quot;href&quot;:&quot;https:\\\/\\\/technologists.com\\\/~sauer\\\/chs_bio.html&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20211205144258\\\/https:\\\/\\\/technologists.com\\\/~sauer\\\/chs_bio.html&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-01 08:56:45&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2025-11-21 17:01:56&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2025-12-01 18:56:06&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2025-12-05 06:46:20&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2025-12-20 04:19:58&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-01-10 16:25:25&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-01-16 14:20:28&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-01-20 08:30:40&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-01-26 01:38:34&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-02-18 10:04:56&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-04-07 07:39:34&quot;,&quot;http_code&quot;:206}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2026-04-07 07:39:34&quot;,&quot;http_code&quot;:206},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:686,&quot;href&quot;:&quot;https:\\\/\\\/nwhillsumc.org\\\/2007FallOurStorytoTell.pdf&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20251101092012\\\/https:\\\/\\\/nwhillsumc.org\\\/2007FallOurStorytoTell.pdf&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-25 00:25:58&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2025-12-01 18:56:06&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2025-12-05 06:46:26&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2025-12-20 04:19:58&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-01-10 16:25:25&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-01-16 14:20:25&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-01-20 08:30:41&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-02-18 10:04:56&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-04-07 07:39:26&quot;,&quot;http_code&quot;:206}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2026-04-07 07:39:26&quot;,&quot;http_code&quot;:206},&quot;process&quot;:&quot;done&quot;},{&quot;id&quot;:687,&quot;href&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=t2JnCXvm_Qc&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20250606044903\\\/https:\\\/\\\/www.youtube.com\\\/watch?v=t2JnCXvm_Qc&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-11-01 08:56:47&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2025-11-25 00:25:58&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2025-12-01 18:56:06&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2025-12-05 06:46:25&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2025-12-20 04:19:57&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-01-10 16:25:25&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-01-16 14:20:21&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-01-20 08:30:40&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-04-07 07:39:19&quot;,&quot;http_code&quot;:206}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2026-04-07 07:39:19&quot;,&quot;http_code&quot;:206},&quot;process&quot;:&quot;done&quot;}]'><\/div>\n<p>In several senses.<\/p>\n<p>In 1997, when\u00a0 the concept of CSS was in its infancy (see <span class=\"baseline\"><a href=\"https:\/\/www.w3.org\/Style\/CSS10\/\" target=\"_blank\">Celebrating 10 Years with Style<\/a>), I knew I should pay attention. I bought the first edition of <a href=\"https:\/\/www.informit.com\/store\/product.aspx?isbn=0201596253&amp;rl=1\"  target=\"_blank\">Lie and Bos<\/a>. But for my purposes, CSS wasn&#8217;t ready for prime time. Most web people didn&#8217;t understand it. Worse, most browsers didn&#8217;t implement CSS properly. (Unfortunately, most browsers are still in the &#8220;almost good enough&#8221; stage with regard to CSS.)<\/span><\/p>\n<p><span class=\"baseline\"><!--more--><\/span><\/p>\n<p><span class=\"baseline\">The startup I had joined\u00a0was implementing a database backed web application, <em><a href=\"https:\/\/web.archive.org\/web\/19990125090055\/http:\/\/hire.com\/\"  target=\"_blank\">Recruiter<\/a><\/em>, that was intended to be a software service integrated with customer companies&#8217; sites. It was almost mandatory that <em>Recruiter<\/em> be able to change appearance to match the customer site appearance. Managing that efficiently across many sites was going to be a challenge. CSS wasn&#8217;t yet a viable tool to address the requirement.<\/span><\/p>\n<p><span class=\"baseline\">I created a set of what I called &#8220;appearance modeling&#8221; macros in M4, converting from macro definitions to HTML (The Wikipedia M4 <a href=\"https:\/\/en.wikipedia.org\/wiki\/M4_%28computer_language%29\" target=\"_blank\">page<\/a> now illustrates use of M4 macros to create HTML, but in 1997 I was not aware of people using M4 with HTML.) Those macros were delightfully effective for <em>Recruiter,<\/em> and I still use similar macros today for several sites. (See <a href=\"https:\/\/technologists.com\/primitives.m4\" target=\"_blank\">primitives<\/a> and <a href=\"https:\/\/technologists.com\/appearance.m4\" target=\"_blank\">appearance<\/a> if you&#8217;re really interested. The basic notion is that the primitives\u00a0are invariant for an application, but the appearance macros are specific to modeling an instance of site appearance. Running M4 against an M4 instance of a page, e.g., <a href=\"https:\/\/technologists.com\/~sauer\/chs_bio.m4\" target=\"_blank\">chs_bio.m4<\/a>. yields the desired HTML, e.g., <a href=\"https:\/\/technologists.com\/~sauer\/chs_bio.html\" target=\"_blank\">chs_bio.html<\/a>.)<\/span><\/p>\n<p><span class=\"baseline\">10 years later, those macros still work, sort of. But they have depended on all sorts of HTML trickery (rightfully!?) despised by CSS advocates. So I spent last month immersing myself in CSS. I&#8217;d started to <a href=\"https:\/\/notes.technologists.com\/notes\/2007\/08\/24\/what-a-long-strange-trip-its-been-2\/\" target=\"_blank\">recognize<\/a> the need when I began investigating Movable Type and WordPress for this and other blogs. But the real impetus was preparing to rework my church&#8217;s site to match the appearance and content of a new <a href=\"https:\/\/nwhillsumc.org\/2007FallOurStorytoTell.pdf\" target=\"_blank\">brochure<\/a>. Overlapping pictures and similar print-like layout tricks are beyond my HTML skills &#8212; if such things can be accomplished with HTML alone, the HTML must be most distasteful. Such tricks are relatively simple with CSS.<\/span><\/p>\n<p><span class=\"baseline\">At first, I hypothesized that the M4 macros weren&#8217;t going to even be useful. I created a home page strictly with CSS and HTML. But as I moved on to other pages, the benefits of using M4 macros to avoid repetitive effort became apparent, as I had suspected\u00a0would happen. So that site now uses a subset of the macros that used to be used on the site.\u00a0Using the macros\u00a0has two benefits. First, reworking the existing pages was much easier for me. Going from the <a href=\"https:\/\/web.archive.org\/web\/20061114080636\/nwhillsumc.org\/musicministries.html\" target=\"_blank\">old<\/a> music page to the <a href=\"https:\/\/web.archive.org\/web\/20071228124555\/http:\/\/nwhillsumc.org:80\/musicministries.html\" target=\"_blank\">new<\/a> one was part reuse, part creating new styles, part cut and paste from the brochure source files. Second, there are old pages that are unlikely to be reworked, yet still exist in case they remain in bookmarks and search indices. For example, a former pastor&#8217;s biography makes sense to retain, but not update. The <a href=\"https:\/\/web.archive.org\/web\/20060504221216\/http:\/\/nwhillsumc.org:80\/danabio.html\" target=\"_blank\">new<\/a> version more or less fits with the new appearance, certainly better than the <a href=\"https:\/\/web.archive.org\/web\/20040826121656\/http:\/\/nwhillsumc.org:80\/danabio.html\">old<\/a> version.<\/span><\/p>\n<p><span class=\"baseline\">Now that I am a CSS whiz, there&#8217;s also a sense of <em>deja vu <\/em>regarding discrepancies amongst browsers and their (mis-)implementations of standards. In 1997 it was Navigator 3 and 4 and I.E. 2 and 4 vs. HTML. Today it is Firefox and IE 6 and 7 and Safari vs. CSS. One page that seemed great in I.E. 7, and I believed to be good, or at least, legitimate, CSS\/HTML, was a disaster with Firefox. After making that page render decently with Firefox and I.E. 6, the CSS\/HTML are kludgey, and it still doesn&#8217;t look good in Safari.<\/span><\/p>\n<p><span class=\"baseline\">Back to <a href=\"https:\/\/www.youtube.com\/watch?v=t2JnCXvm_Qc\">Dirty Harry<\/a>, it still doesn&#8217;t look like CSS\/HTML are a match for complex print layouts.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In several senses. In 1997, when\u00a0 the concept of CSS was in its infancy (see Celebrating 10 Years with Style), I knew I should pay attention. I bought the first edition of Lie and Bos. But for my purposes, CSS wasn&#8217;t ready for prime time. Most web people didn&#8217;t understand it. Worse, most browsers didn&#8217;t [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[9],"tags":[],"class_list":["post-140","post","type-post","status-publish","format-standard","hentry","category-web"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8c9uP-2g","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/notes.technologists.com\/notes\/wp-json\/wp\/v2\/posts\/140","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/notes.technologists.com\/notes\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/notes.technologists.com\/notes\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/notes.technologists.com\/notes\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/notes.technologists.com\/notes\/wp-json\/wp\/v2\/comments?post=140"}],"version-history":[{"count":3,"href":"https:\/\/notes.technologists.com\/notes\/wp-json\/wp\/v2\/posts\/140\/revisions"}],"predecessor-version":[{"id":2699,"href":"https:\/\/notes.technologists.com\/notes\/wp-json\/wp\/v2\/posts\/140\/revisions\/2699"}],"wp:attachment":[{"href":"https:\/\/notes.technologists.com\/notes\/wp-json\/wp\/v2\/media?parent=140"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/notes.technologists.com\/notes\/wp-json\/wp\/v2\/categories?post=140"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/notes.technologists.com\/notes\/wp-json\/wp\/v2\/tags?post=140"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}