Tech 4D

I haven’t written in a while because I’ve been heads down coding – not much to say that hasn’t already been said. I’ve been in CSS hell recently, and I haven’t seen much about the following compatibility issue with IE 6.  Dreamweaver doesn’t pick up on the problem.

IE 6 doesn’t handle mixing units in CSS style sheets. For instance,

#main ul {
padding: .1em .4em .1em 18px;
}

Renders in a very unexpected way. The proper method is:

#main ul {
padding: 6px 6px 6px 18px;
}

OR

#main ul {
padding: .1em .4em .1em 1.4em;
}