Follow

Applying the CSS "@supports (display: grid) { .wrapper > tbody, .wrapper > tbody > tr { display: contents; } }" with wild abandon in GeoCities HTML table-based layout templates optimized for Internet Explorer 3 and/or Netscape Navigator 3 to make them pleasant on sub-VGA pocket screens while still remaining optimized for those early browsers and every desktop browser since: from IE3 to Edge 125, and from NN3 to Firefox 128.

I'm reading that the CSS "display: contents;" on TR and (implicit) TBODY elements wrecks accessibility of tables as tabular data, rendering their TH and TD cells as ordinary content with no tabular relationship instead, but since these are tables "misapplied" for layout only and never meant to be tabular data themselves (one of the only ways to control page layout in pre-CSS and CSS1 days), that seems like a perk in this specific case.

Mozilla Developer Network, "Realizing common layouts using grids": developer.mozilla.org/en-US/do

Reading guides like that while lamenting the shortcomings of vintage Web browsing, even via RetroZilla in a Windows 98SE VM, does strange things to a girl, y'know?

Related: CSS grids are 3 years older than Chromium-based Microsoft Edge and only 2 years younger than EdgeHTML (Trident)-based Microsoft Edge Legacy.

Sign in to participate in the conversation
Computer Fairies

Computer Fairies is a Mastodon instance that aims to be as queer, friendly and furry as possible. We welcome all kinds of computer fairies!