A Testing Sister

I asked my sister to test a web page I was doing for college and she found a weird bug almost straight away. What should look like this:

Ends up looking like this:

The difference is IE. When I tested it in IE9 at home it rendered fine, but when I switched the rendering engine in Firefox to the IE one I got the same effect. This is set by default to render in IE7, thus the weird effect.

I did some digging and it turns out that you can tell the rendering engine to use the IE9 explicitly, or as good as it can, otherwise it will just use the default. To do this you put this tag in the head of your page:

<meta http-equiv="X-UA-Compatible" content="IE=9"/>

So if you want to make sure your code works, get your sister to test it.

Coda: To help her take screenshots, I found this little site which just gives you the instructions.

http://take-a-screenshot.org/

Midori

I've been looking at a new web browser called Midori:

I saw a review of web browsers in this months issue of Linux User & Developer and it scored pretty high, given that it was up against FireFox and Chromium (Google's fully open version of Chrome). Everything seems to use WebKit these days and Midori is no exception. It's not a bad little browser and reasonably fast too. I noticed that it looks to web sites like you're using Safari on a Macintosh, so if you want to cover your tracks... I wonder if there's a Firefox add-in which changes what your browser tells web sites?