ThemeRoller and IE - sorting arrows placement

romsok

Hi,

I implemented DataTables with a JQuery theme, and now my columns have these sorting arrow icons on them, which is great.
The problem is that in every browser they are on the left side of the . But in IE they are right in the middle, on top of the column head name.
Could someone please suggest how I can correct this?

allan

Hi romsok,

There are two things which can cause this:

1. Not enough space for the column
2. The 'icon' element not being floated.

To fix:

1. There needs to be sufficient space in the header to have the icon and the title alongside each other
2. Apply a float:right - which you will be able to see that I've done with my demo using the CSS class 'css_right'.

Regards,
Allan