Paul Annett

These notes are for me, but you may find them useful if you’re having problems making your CSS look perfect across multiple browsers. You may also need to install old versions of IE to help you test.

Please bear in mind these are simplified examples which could give you a quick fix without having to plough through the why’s and wherefore’s each time (though I do recommend gaining this knowledge at some point).

Below I summarise how to:

• hide CSS from all browsers except IE
• hide CSS from IE5.01/Win
• hide CSS from IE5.5/Win
• hide CSS from IE5.5/Mac
• hide CSS from IE6/Win
• hide CSS from Firefox

CSS rule, hide from all browsers except IE
(star html hack explained)
* html div {
width: 50px;
}

Some of the following hacks rely on the fact that IE has various problems interpretting CSS containing strings of comments (/* */) - this page about comment bugs may be useful.

CSS property, hide from IE5.01/Win
(explained on the simplified box model hack page)
width/**/:553px;

CSS property, hide from IE5.5/Win
(explained on the simplified box model hack page)
width:/**/553px;

CSS property, hide from IE5.x/Win
(Tan hack, also explained on the simplified box model hack page)
w\idth:553px;

Note: An escape backslash must not precede any of the first six alphabetical characters: a, b, c, d, e, f. Also, if Netscape 4 sees even one escape backslash anywhere in the CSS, it will discard the entire stylesheet. So it is vital that this hack (and its containing rule) be hidden from that browser:

CSS, hide from Firefox
Off the top of my head, I interpret this as “show CSS to IE only” which I know is not right, but it’s useful to know this… all browsers use the last attribute mentioned in the CSS unless there’s one specified above it as !important, in which case they use that. Except IE currently ignores !important so will still use the last value like this:
width:553px !important;
width:500px;

So the width in IE woud be 500px, and in everything else would be 553px.

CSS, hide from NN4
(Caio hack explained)
/*/*/.emptyrule{}
div {width:553px;}
/* */

I guess, (I’ve not seen it documented though I have tested it), that if you want to hide a CSS property from IE5.01 and IE5.5 but not have to worry about hiding that hack from NN4, that you could just combine those previous two hacks like so:
width/**/:/**/553px;

The i-Mate Jam smartphone / compact PDA was kindly demo’d to be by Stu at our first wedding anniversary BBQ, and I have to say it looks nice!

Unfortunately, for my network it has been renamed the not-quite-so-catchy Orange M500, and been given a facelift (facedrop?) to make it less curvy and more corporate (read, dull). Presumably this is in an attempt to prevent those of us who want the i-Mate Jam on Orange from finding it!

I’ve always been a hipster PDA man than one who lugs too much technology around. But with the start of my new job in a management role I’ll probably have to think more about backing up the data I create on the move. Not wanting the inconvenience of a large PDA, a seperate mobile phone and an iPod around with me, the compact size of the i-Mate Jam appeals. I’m yet to be convinced that it’ll replace the iPod!

For more info, see The Register’s in depth review of the Orange M500 which is slightly more favourable than their review of the original i-Mate Jam.

The iMate Jam is also known by the following pseudonyms:

• Magician (generic term)
• i-Mate Jam (Vodafone)
• Orange M500 (Orange)
• MDA Compact (T-Mobile)
• XDA Mini (O2)

My recently acquired Wife has been a little neglected of late - not through choice, but simply through the sheer volume of work which accompanies running one’s own business. With that in mind, it’s with some relief that I’ll soon be returning to a more ‘normal’ working pattern where I’ll actually get to spend more time with her.

I’ve been approached to become Online Manager for an online consultancy firm near Oxford, UK, and today I accepted their offer.

And so, I’m also making my third attempt at starting a blog (the first was on Blogger in 2000, the second with Movable Type in 2003). What better use of my new found free-time than blogging! Errr… oh yeah, the wife…