I’ve been working on this website a bit, mainly on the design side. I’ve been adjusting the colours so that the text is a bit more readable. The layout of some pages has also been changed to utilize the sidebar area, previously the archive/blog navigation was placed at the bottom of the page due to the way the original WordPress them was laid out. I also intend to use the sidebar on standard pages to make the pages look a bit more interesting, though how I will do this isn’t certain yet.
One design problem I’ve encountered is that the colours of the page look subtly different between Firefox and Internet Explorer, I have a feeling this is something to do with the PNG images that I’ve been using and the browsers using different rendering methods for it.
Here is a comparison:
Internet Explorer
Firefox
I’ve also just noticed that the layout is also subtly different, but it doesn’t look broken in either browser so I’m more concerned about the inconsistent colours, especially in IE where the background gradient doesn’t smoothly go into the final background colour.
Update
Problem solved! It turns out that other people have also noticed this problem. The problem is that PNG files have gamma correction and store a value in the file to do this, it actually sounds pretty clever but it’s a problem for web-safe colours. With the proper tool this value can be removed to draw the PNG without gamma correction, thus making the colours constant between browsers. More information can be found here.
-Thomas