I have made a number of changes to the demo. Most of them are "behind the scenes" regarding the use of tables, and browser compatibility.
Version 1.1 of the demo: http://www22.brinkster.com/rotemdan/phase4-demo-v1-1.htm
phase4-metallic.css (if you want to make a new skin or modify the current one): http://www22.brinkster.com/rotemdan/phase4-metallic.css
Main points changed: * Completely table free, uses only <div> and <span> tags for positioning. I made the right column (article, discussion etc.) appear first on the HTML code (using absolute positioning) and the left to appear second. As a consequence, it will be more friendly to text browsers, speech browsers etc.
Current problems: Absolute positioning looks incorrect on Opera browser. (a bit too much to the top left), I will try to investigate this..
* "From wikipedia..", Other languages, Watch this page, Move this page, Delete this page, Search link, etc. added.
* Post a comment (for discussion). Problem: I haven't figured out how to use the "width: 100%" property without the extreme page widening on IE. will be solved.
* Minor changes to skin. Note: this is just the "metallic" skin! copy "phase4-metallic.css" from the link I gave above, edit it, and presto, you have a new skin! (content is completely separated from layout using CSS and strict XHTML, I was very careful in this).
It works with Mozilla (tested 1.4) and Explorer (tested 6.0) and positioning has a slight problem with Opera (tested 7.11). I also tried them on 800x600 and 1024x768 resolutions and they both look the same.
Regards, Rotem