backGoBase.org home | caching
Go, an addictive game Copyright © 1994-2014 GoBase
International  help | on html and design issues  
Introduction

This section discusses various issues related to HTML, CSS and the portability thereof. We will also talk about the strategy in these matters as applied to GoBase.org, the website you're currently visiting.

advertisements

Standards compliancy

The GoBase.org website is compliant to currently available standards for HTML (4.01) and CSS (1.0). Technical specifications of these standards can be found on the website of the W3 consortium. The code is frequently validated using both tidy as any of the online available validators to ensure the code complies to the above standards. One reason for these strict tests of the HTML code is to ensure the style sheets directives can be applied successfully. If the HTML does not validate, the browser will not be able to build a consistent object model for the page and consequently cannot apply the style directives onto the HTML elements (which will give highly unpredictable rendering effects in most cases).

Compliancy is no guarantee for compatibility

While compliancy to standards is an essential step in achieving compatibility, both over different platforms as over different browsers, it is not a guarantee the code will render the same when these parameters vary. For example, while the standards support the usage of <DIV> elements which can be styled and placed using CSS directives, browsers currently treat these elements quite differently, so except for some exceptional cases the usage of <DIV> elements has been avoided (at the time of this writing, ie. 2003-07-02). Positioning of block style elements is done using <TABLE> instead. This coding is more heavy but ensures portability.

So, there are no guarantees which means when developing HTML pages they should be tested in as many browsers as possible. GoBase.org is developed using Netscape-4.77. This is not a self-inflicted torture but actually a very good test for the code. When pages render well in Netscape, the first step towards compatibility is taken. The next browser tested is Opera-7 which is aware of both HTML and CSS standards and supports a large part of these technologies. The compatibility tests are concluded by trying out Mozilla and Internet Explorer. Explorer is tested last since it's very tolerant regarding mistakes in the code. For example, Explorer has no problems whatsoever with missing </TABLE> tags (frequently occuring on the web) while in Netscape this will result in the complete table being skipped.

Actual browser compatibility

Below you see icon representations of the GoBase.org main page rendered by various browsers on different platforms since

The Proof of the Pudding is in the Eating

Click on an image to get the real-size image displayed in a seperate window. As you will notice the difference in rendering is minimal and mainly concerns the font and especially the size of the font. Differences in font size could have been prevented by specifying explicit font sizes in the style sheet but that would prevent the user of certain browsers to scale the page up or down so we deliberately allowed this as an acceptable incompatibility.
753x628, 36kB

Page GoBase.org
Platform  Linux
Browser Mozilla
Version 1.0
Size 753x628

746x624, 28kB

Page GoBase.org
Platform  Linux
Browser Netscape
Version 4.77
Size 746x624

756x646, 32kB

Page GoBase.org
Platform  Linux
Browser Opera
Version 7.x
Size 756x646

973x634, 152kB

Page GoBase.org
Platform  Macintosh
Browser Mozilla
Version 1.x
Size 973x634

974x656, 144kB

Page GoBase.org
Platform  Macintosh
Browser Safari
Version 1.x
Size 974x656

747x625, 28kB

Page GoBase.org
Platform  Windows-XP
Browser Internet Explorer
Version 6.x
Size 747x625

754x626, 76kB

Page GoBase.org
Platform  Windows-XP
Browser Mozilla
Version 1.0.2
Size 754x626

756x627, 76kB

Page GoBase.org
Platform  Windows-XP
Browser Netscape
Version 4.77
Size 756x627

749x574, 72kB

Page GoBase.org
Platform  Windows-XP
Browser Opera
Version 6.0
Size 749x574

(Select a picture to open a window with the full-size version)

We're very interested in captures of the GoBase.org main page rendered in different browsers and on different platforms. Please resize your window closely to the sizes displayed next to the thumbnails to allow for an honest comparison of the various views. E-mail your capture (in any image format) to editor@gobase.org and make sure you also provide us with the following information:

Platform...
Browser...
Version...
Image size...x...

home | caching

home > help > on html and design issues

Feedback: editor@gobase.org