问题:

I have scoured through all my CSS files (and there are a lot of them) in addition to looking at/removing the sDom settings for my jquery Datatables plug in but for some reason, the sort icon (up and down arrows) next to my text is place below the text as if an html
was somehow input.

Has anybody ever had this happen before?

回答1:

this is how I solved this

.css_right
{
    /* adding this keeps the sort icon on the same level as the label */
    float:right;
}

The icon already has this class, but for some reason it doesn't have the style(s) to correclty display

回答2:

I find the Firebug extension for Firefox to be invaluable when debugging CSS issues.

You can disable and modify the CSS styles on your page "live". Really takes the guesswork out of the style inheritance mess that can otherwise be night impossible to solve.

Image from the Firebug website at http://getfirebug.com/css.

回答3:

the answer was right in front of me but apparently you have to apply the 'display' class to all table elements for the script to properly function. I had spent hours upon hours looking through CSS on this but nothing came back. I hope my time can help save somebody else a new wall.