The following screen captures illustrate how a few browsers render the same page.
Lynx, Mosaic, IE4 Mac, NS4, IE 6, Opera, NS7, Mozilla all at 800 X 600 resolution.
Mozilla and Netscape 7 display pretty much the same since they both use the same engine, written for the standards from the ground up. To date, the Gecko based browsers perform CSS positioning best, making it is a joy to use the latest standards, at long last. At present on PCs these require Win 98, 233 MHz Pentium class and 64 MB RAM and Mac OS 8.6 or greater and they do mean 64 MB of RAM.
Internet Explorer 6.0 handles columns pretty well but misreads the order of some things, requiring separate workaround treatment. Opera is a light weight browser which can be used on older smaller computers and flies with newer ones. It is close to achieving the current standards, but does present some challenges for writing Web pages.
The level 4 browsers have limited CSS positioning ability, and read just enough CSS to create mischief. Achieving column layout for them used to be accomplished by using tables, which hampers accessibility for alternative browsers. These screen grabs were taken before a redo with some tricks to make them somewhat obey. These semi-recent browsers are best shelved. Legacy pages still work as intended on them.
Turning off images in Mosaic gives a text-only view with image place markers. Mosaic can display images fine, however. Lynx renders only text. Both browsers present logically formatted text quite usably.
Another interesting exercise—HEAR a Web page rather than see it. After downloading NLM DocMorph from http://docmorph.nlm.nih.gov/docmorph/default.htm, you can submit a local file and a synthesized female voice reads the text content aloud while each sentence displays in huge font. Hearing a Web page argues persuasively for logically formatted text rather than graphical or plugin (Acrobat, Flash...) presentation. The W3C.org lists 35 different kinds of browsers.
webscribe.us offers design of cross platform compatible Web pages for individuals who want to provide content accessible to a wide range of people. Your inquiries, feedback, and comments are invited:
design@webscribe.us. The getting started checklist will jump start organizing your online entry.
Notice: This page has been written to the current Web standards using CSS for layout. The content is accessible to most browsers, even if you do not see the intended layout. You can upgrade to a standards compliant browser with a free download.
Copyright © 2002 webscribe.us all rights reserved [webmaster@webscribe.us].