The template has now been
ruined customised enough that it doesn’t look like a WordPress blog any more. No sidebar, no giant heading, and no blue. I’ve got the floating footer just annoying enough, and made it look suitably rubbish in Internet Explorer. In Firefox, Chrome and Safari you get two columns and nice smooth edges on the header and footer. Not IE. (Not Opera either, and that used to be the progressive, smooth and standards-compliant browser.) I can do this kind of thing because it’s my blog, and I spend far too much of my time at work getting everything to look good for everyone.
In case you’re interested, the wonky edges are done with the css border triangle technique. It goes a bit like this:
border-bottom: 20px solid black;
border-left: 2100px solid transparent;
border-right: 0px solid black;
border-top: 0px solid transparent;
That css goes on a div element with no content. When the borders are that thick, and there’s nothing in the middle, each side shows up as a triangle. I’ve seen this done to make little triangles for speech-bubble-shaped callouts, but not for big crooked lines like this. Probably because it looks so jagged on the wrong browsers.