Home/ Questions/Q 6471305
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T06:12:32+00:00

I’m using the following css : .GridDraggedRow tr td.firstCol{ padding: 2px 10px 0 0;

  • 0

I’m using the following css :

.GridDraggedRow tr td.firstCol{
padding: 2px 10px 0 0;
text-align: right;
vertical-align: top;
width: 1px;
width: 1%\9; /* IE9 and below */
white-space: nowrap;
}

As you can see, I’m using a pretty ugly css hack.
My problem is that this hack is removed from the minified css file I’m generating with AjaxMin.
It is a post-build step in our delivery system so we’re gonna stick with AjaxMin.
The ajaxmin documentation explains that several comment-based hacks are allowed with the use of the ‘hacks’ flag, ex:

ajaxmin -css -comments:hacks GridLayout.css

Unfortunately the \9 hack is not allowed.
What can I do ?
Parsing the generated file isn’t a good idea in my opinion.

I guess my best choice is to insert this hack in another non-minified file or directly in the html page between tags…
Do you guys have a better idea ? It would be great that ajaxmin provide an exclusion section…

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You shouldn’t be using any of those ugly hacks!!

    Use Paul Irish’s conditional comments method instead.

    Use this at the opening of your HTML tag:

    <!--[if lt IE 10 ]>    <html class="lt-ie10"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html> <!--<![endif]-->

    Then, in your CSS, use this:

    .GridDraggedRow tr td.firstCol{
    padding: 2px 10px 0 0;
    text-align: right;
    vertical-align: top;
    width: 1px;
    white-space: nowrap;
}
.lt-ie9 .GridDraggedRow tr td.firstCol{
    width: 1%;
}

    This is much cleaner, and much more reliable.

    • 0