IE6 css hacks and their standard css equivalence?

Question

in the following there are some IE6 css hacks I need their standard equivalence.

.header {
  zoom: expression(runtimeStyle.zoom=1);
  z-index: 1;
}
.hmenu ul li {
  float: left !important;
}
ul.hmenu li {
  margin-left: expression(this.previousSibling==null?'0':'1px');
}
.nav {
  position: expression(runtimeStyle.position='relative');
}

I only have to add. Wow. WTF! ;) Never seen those. – PeeHaa Dec 05 '11 at 19:16 — PeeHaa, Dec 05 '11 at 19:16
CSS expressions are bad for your health. Just sayin'. – Ryan Kinal Dec 05 '11 at 19:25 — Ryan Kinal, Dec 05 '11 at 19:25

score 2 · Answer 1 · answered Dec 05 '11 at 19:14

ul.hmenu li {
margin-left:expression(this.previousSibling==null?'0':'1px');
}

This is equivalent to li { margin-left: 1px; } and li:first-child { margin-left: 0; }.

I don't see the point of the other expressions, other than to set the properties in an IE<9-only way.

score 1 · Answer 2 · answered Apr 29 '12 at 04:40

zoom: expression(runtimeStyle.zoom=1); is setting zoom:1 so you can achieve hasLayout

float: left !important; !important is supported in all browser and simply adds another layer of specificity to your declaration. i am quite positive that !important is not important in the above css...no pun intended :)

position: expression(runtimeStyle.position='relative');

runtimeStyle object represents the style of the object, which overrides the format and style specified in global style sheets, inline styles, as well as HTML attributes. in this case, on pageload, .nav's position is set to relative

IE6 css hacks and their standard css equivalence?

2 Answers2