Entries Tagged 'ie6' ↓

Internet Explorer Bug: ie6 cuts off bottoms of words

A Frequent Problem with ie6: The bottom of the text (e.g. g y p) get cut off and make text illegible. This mostly happens with two line breaks and can be fixed by using a larger line-height in css.

To fix the problem we are going to create a class using the internet explorer 6 box hack.

We need to locate the exact area that we are having the problem with. For me the text was being cut off at .description h4 a

* HTML .description h4 a {
      line-height: 1.2em;
}

To fix the text cut off issue without the box hack just simply created a css class and adjsut the line-height

p { line-height: 1.2em; }