Been so busy today I didn’t even notice that Opera 9 has been released.

Strange party…

Continuing from my last post, I discovered that both IE7 and IE6 were behaving badly and that I needed to feed different CSS to these browsers than to Opera, Firefox, etc.

But IE7 has rendered most of the CSS hacks useless. The normal solution is to use Conditional Comments to include an additional stylesheet. But that wasn’t an option as I wasn’t prepared to get into the whole hassle of learning how to change the Live Journal HTML.

I thought I had a solution. Use the IE specific CSS expressions (basically small pieces of JavaScript embedded inside CSS properties) to feed different values to IE.

top: 2px;
top:  expression(26 + "px");

It’s nasty, it’s not valid CSS, it will no doubt break in some browser or other, but it seemed to work when testing locally.

Live Journal wouldn’t have any of it, their CSSproxy said:

/* suspect CSS: potential scripting: expression */

So for now, I’m using the Owen Hack:

div.title { top: 26px; }
head:first-child+body div.title {top: 2px;}

Which may or may not get broken as IE continues to improve Which doesn’t work in IE7 because between whenever I last checked and the current beta they improved its support for the more exotic selectors without fixing the many bugs in its handling of basic things like floats and margins.

Very True Mood:  annoyed