f1vlad.com

This code snippet will force your ie6 clients to understand min-width, pretty cool hack.

element.style{
_width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 660 ? "660px" : "auto");
}

Note that I prepend '_' before 'width', that ensures that only ie6 will bother to try to interpret that command, other normal browsers will ignore that.

Yet another IE fork. How could it be any different? For those who're getting ready, the code below will work (at least on RC1)

<!--[if IE 8.000]><link rel="stylesheet" type="text/css" media="screen" href="css.css" /><![endif]-->

If you have to hack your CSS for IE6, no doubt you faced with a lot of frustrations. One of the annoying things is when you set some element on the website and it all seems to be okay and finally problem solved. But as soon as you resize the browser, some elements jump to other seemingly random places.  But I wasn't smiling when trying to get this to work.

I decided to write this remark after I overcame one challenge during one of my work tasks. This may seem trivial to some. It wasn't for me. Could be useful to someone else out there.

With my previous projects I had full access to css, html, js, etc. At my new job I have access only to css. At my new job I don't have access and cannot modify html structure. I can request html structure modification, but it will not be so quick.

Today I found a cool css hack called StarHtmlHack. Interesting problem. Pretty much for normal browsers I needed to add left: 0pt and for Internet Explorer 5--6, I had to add right:0pt. Yes I know, problem seems weird, but for consistent look of the div on my page in this case, that has to be the definition in the style sheet.

First solution was to include separate .css via <!--[if ie]>foobar<![endif]-->.