Just a few notes on the new template for this blog:
After some thought I’ve updated the overall template of this blog in such a way that it maintains scale as text size is increased or decreased. What this means is that no matter what screen resolution you use the website can be scaled to fit the window while maintaining readability, simply by using the Text Size increase+ or decrease- commands.
This is achieved by using a single parent font definition (12px) and then scaling everything else borders, padding, column-widths off that by using em’s for all measures. For a more complete explanation of this see Max Designs. Also the trick of stretching the outer columns to match the main text is done by a little Javascript coding.
One unfortunate side effect and quite an eye opener for me is that after rebuilding the new template according to W3C standards and testing it in Firefox it look OK. That was until I loaded it into IE6, where upon it looked like crap.
As I now know to make this same trick work in Internet Explorer I need to write two CSS definitions, one to W3C standards and the other fudged to make it look the same in IE.
