February 4, 2012

IE CSS hacks

Thanks a lot for this post by Mark, I was able to solve some of my IE CSS issues on the theme I am converting.

I had

#ancillary .block    (line 387)
{
    float: left;
    margin-top: 0px;
    margin-right-value: 0px;
    margin-bottom: 0px;
    margin-left-value: 5%;
    margin-left-ltr-source: physical;
    margin-left-rtl-source: physical;
    margin-right-ltr-source: physical;
    margin-right-rtl-source: physical;
    width: 20%;
}

and my blocks at the bottom would not show up as expected in IE.. The delicious links were stacked under the other 3 columns.

Simply adding


display: inline;

solved that problem. The more I work on CSS and XML, the more I find out that IE is crap shoot.

Speak Your Mind

*