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