Lots of screenshots
Thankyou to the people who’ve sent me screenshots, I think I’ve got all the major browsers covered now (I didn’t get one from Netscape 4, but that’s okay, I know it’ll look awful). The results are:
Internet Explorer 6 renders the layout correctly, but fails to correctly position the background images. This is either due to not supporting the background-position CSS attribute, or interpreting it relative to the context element instead of the viewport. So it looks acceptable, but isn’t right.
Opera 7 renders it almost perfectly, just a slight glitch with the border around the
All versions of Mozilla I have seen screenshots from have rendered it correctly
So it’s viewable by most people, but you don’t get the full effect unless you have Opera 7 (possibly earlier versions as well, but I’ve not seen anything from those) or Mozilla or Konqeror 3.1. It’s also possible Safari might work, but I don’t know how up-to-date the CSS support in their version of KHTML is, and I don’t know anyone running Mac OS X at the moment to test it.
On another note, all these screenshots really made me notice what a difference the font rendering of an OS can make to how a web page looks… I’m so used to the antialiased experience of Xft2 under Linux and the inferior ClearType under Windows (note, that comparison is highly subjective) that it’s almost a shock to see non-AAed screenshots on my monitor.
As a reward for everyone, here’s a shot of what it looks like on my system. That’s Galeon from CVS, using Mozilla 1.3b with GTK+ 2 support, GTK+ 2.2.1 on XFree86 4.3.0 on a Gentoo Linux box. JPEG compression mucks it up a bit, but you should get the idea.
You really wanted to know that, didn’t you.