OK I am working on a webpage that could work across as many browsers as possible from old to new. So far I got this one to work between IE4 and current modern standards. I even have a 3-column option if I wanted to use.
Dropped Netscape 4 since it has nearly no compliance with any CSS support at all, but users of NN4 and much older pre-historic browsers visiting this page can see it "naked" and still organized even without CSS.
Next steps are finish this page and begin more testing on MacOS 9.2.2 and newer Windows versions available browsers before further development. These tests were carried on MacOS Sonoma and Windows 95.
The best part: It's almost fully responsive. I still need to add media queries for small devices.
A bright note, the CSS and HTML used are fully, 100% valid. I used flexbox to achieve the whole design for modern browsers with a @supports, which is a feature query, and added a fallback to old classic floats for other older browsers which do not support flexbox. Then, to achieve equal height columns on older browsers I used the classic good old technique "Faux columns" behind them. Worked like a charm. The "faux columns" method also uses floats and is ignored by modern browsers, and at this moment exclusively detected by IE and FF, through some hacks that are still 100% valid CSS (the holly hack for IE < 6, and a selector :last-child hack for FF >= 2)
"Design isn't just what it looks like and feels like. Design is how it works."
JOBS, Steve.
READ: Right to Repair sucks and is illegal!
