IE

In one of my recent Drupal projects I needed to add some extra classes to the body tag. Usually classes are added to the body tag in one of our template file namely html.tpl.php. The classes can be added via an implementation of hook_preprocess_html. Now let's see how it can be done.

One of our Drupal clients asked us to customize the search box in one of their Drupal themes and bring in rounded corners and a search icon. However the solution we came up with was causing the search text to overlap the search block from in IE. If you are facing the same issue in your Drupal site and would like to know how to prevent search text from overlapping Drupal search block form in IE then read on to find out the solution.

It is required of every Drupal developer to keep ahead of common browser compatibility issues. IE is probably the most notorious browser in any drupal developer’s dictionary. IE is a very peculiar browser in terms of standards compliance. Font issues are very common on IE than elsewhere. Here is a small piece of CSS, that seems to work fine everywhere else other than IE:

We were working on an online billing application for a small charity firm when we came upon this problem. The application was developed and tested under Firefox. However we got the error when we tested it on Internet Explorer 6 (6.0.2900.2180). There was a simple window.open javascript call to open a popup window. The window was opening fine but it remained blank and the parent window showed the javascript error Error: Class not registered.