`\9` is a &quot;CSS hack&quot; specific to Internet Explorer 7, 8, &amp; 9.

This simply means that the one specific line of CSS ending with a `\9;` in place of the `;` is only valid in IE 7, 8, &amp; 9.

In your example,

`width: 500px\9;` means that a width of 500 pixels (same result as `width: 500px;`) will only be applied while using IE 7, 8, &amp; 9.

All other browsers will ignore `width: 500px\9;` entirely, and therefore not apply `width: 500px;` to the element at all.

If your CSS looked like this...

    #myElement {
        width: 300px;
        width: 500px\9;
    }

The result would be `#myElement` 500 pixels wide in IE 7, 8, &amp; 9, while in all other browsers, `#myElement` would be 300 pixels wide.

[More info](https://web.archive.org/web/20160702085511/http://webdesignandsuch.com/ie9-specific-css-hack/)

&lt;!-- Original link: http://webdesignandsuch.com/ie9-specific-css-hack/ --&gt;

-------

**EDIT:**

This answer was written in 2011. It should now be noted that this hack also works in IE 10.

It&#39;s a css hack for IE9 &amp; below version 

write like this:

    width: 500px\9;

Read this article http://dimox.net/personal-css-hacks-for-ie6-ie7-ie8/

In IE9 to set the width property you just add this hack.
    
e.g

    .align {
        float:left;
        margin:5px;
        background-color:blue;
        width:65px;
        width:\9 !important;
    }


CSS Hack for IE9

    /* Hack CSS IE9 */
    .csshackie9 {color:#f00\9\0\;}

I have the following XAML below for the main window in my WPF application, I am trying to set the design time `d:DataContext` below, which I can successfully do for all my various UserControls, but it gives me this error when I try to do it on the window...

`Error	1	The property &#39;DataContext&#39; must be in the default namespace or in the element namespace &#39;http://schemas.microsoft.com/winfx/2006/xaml/presentation&#39;. Line 8 Position 9.	C:\dev\bplus\PMT\src\UI\MainWindow.xaml	8	9	UI`


    &lt;Window x:Class=&quot;BenchmarkPlus.PMT.UI.MainWindow&quot;
        xmlns=&quot;http://schemas.microsoft.com/winfx/2006/xaml/presentation&quot;
        xmlns:x=&quot;http://schemas.microsoft.com/winfx/2006/xaml&quot;
        xmlns:mc=&quot;http://schemas.openxmlformats.org/markup-compatibility/2006&quot;
        xmlns:d=&quot;http://schemas.microsoft.com/expression/blend/2008&quot;
        xmlns:UI=&quot;clr-namespace:BenchmarkPlus.PMT.UI&quot;
        xmlns:Controls=&quot;clr-namespace:BenchmarkPlus.PMT.UI.Controls&quot;
        d:DataContext=&quot;{d:DesignInstance Type=UI:MainViewModel, IsDesignTimeCreatable=True}&quot;
        Title=&quot;MainWindow&quot; Height=&quot;1000&quot; Width=&quot;1600&quot; Background=&quot;#FF7A7C82&quot;&gt;

        &lt;Grid&gt;
            &lt;!-- Content Here --&gt;
        &lt;/grid&gt;

    &lt;/Window&gt;

Setting design time DataContext on a Window is giving a compiler error?

What is optimal HTTP response Code when not reporting 200 (everything OK) but error in input?

Like, you submit some data to server, and it will response that your data is wrong

using `500` looks more like Server Issue  
using `200` with warning/error response text is bad (allowing caching and everything is not OK)  
using `204` and returning nothing, is maybe good (but well supported?)  
using `404` is wrong if requested path (script) is available and in proper place



What HTTP status code should be used for wrong input

What is the meaning of this? I am guessing it is a browser hack, but I have not been able to find what exactly it does.


    width: 500px\9;


What is the significance of `\9`?

CSS \9 in width property

What is the meaning of this? I am guessing it is a browser hack, but I have not been able to find what exactly it does.
<pre><code class="hljs language-css">width: 500px\9;
</code></pre>
What is the significance of <code>\9</code>?

I&#39;m seeing an issue where Chrome and other WebKit browsers massively blur any css-scaled content that also has translate3d applied.

Here&#39;s a JS Fiddle: http://jsfiddle.net/5f6Wg/. (View in Chrome.)

    

&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;

&lt;!-- language: lang-css --&gt;

    .test {
      -webkit-transform: translate3d(0px, 100px, 0px);
    }

    .testInner
    {
      /*-webkit-transform: scale(1.2);*/
      -webkit-transform: scale3d(1.2, 1.2, 1);
      text-align: center;
    }

&lt;!-- language: lang-html --&gt;

    &lt;div class=&quot;test&quot;&gt;
      &lt;div class=&quot;testInner&quot;&gt;
        This is blurry in Chrome/WebKit when translate3d and scale or scale3d are applied.
      &lt;/div&gt;
    &lt;/div&gt;

&lt;!-- end snippet --&gt;

Are there any known workarounds for this? I get that in the simple example above, I could simply use translate rather than translate3d - the point here is to strip the code down to the bare essentials.



WebKit: Blurry text with css scale + translate3d

Lets say I have this paragraph:

    &lt;p class=&quot;myclass&quot;&gt;This is my paragraph&lt;/p&gt;

What is the CSS code to add double quotes to this paragraph? (So it will render &quot;This is my paragraph&quot;)

    .myclass {}


Adding double quotes to a paragraph with CSS

Lots of articles in the web like this : http://www.fontspring.com/blog/fixing-ie9-font-face-problems suggest to add a `?#iefix`to the eot url. I was curious to know *how* is this going to solve the problem. Thanks.

How does ?#iefix solve web fonts loading in IE6-IE8?

Things like `a:link` or `div::after`...

Information on the difference seems scarce.

What is the difference between a pseudo-class and a pseudo-element in CSS?

I want to set the placeholder value of an input box using only CSS and no JavaScript or jQuery. 

How can I do this? 

How to set placeholder value using CSS?

I have an element and need it&#39;s width without(!) vertical scrollbar.

Firebug tells me body width is 1280px.

Either of these work fine in Firefox:

    console.log($(&#39;.element&#39;).outerWidth() );
    console.log($(&#39;.element&#39;).outerWidth(true) );
    
    $detour = $(&#39;.child-of-element&#39;).offsetParent();
    console.log( $detour.innerWidth() );

They all return **1263px**, which is the value I&#39;m looking for.

However all other browser give me **1280px**. 


Is there a cross browser way to get a fullscreen width without(!) vertical scrollbar?


How to get screen width without (minus) scrollbar?

So I have this code here:

    &lt;table&gt;
        &lt;tr&gt;
            &lt;td width=&quot;200px&quot; valign=&quot;top&quot;&gt;
                &lt;div class=&quot;left_menu&quot;&gt;
                    &lt;div class=&quot;menu_item&quot;&gt;
                        &lt;a href=&quot;#&quot;&gt;Home&lt;/a&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/td&gt;
            &lt;td width=&quot;1000px&quot; valign=&quot;top&quot;&gt;Content&lt;/td&gt;
        &lt;/tr&gt;
    &lt;/table&gt;

with the CSS

    .left_menu {
        background: none repeat scroll 0 0 #333333;
        border-radius: 5px 5px 5px 5px;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 12px;
        font-weight: bold;
        padding: 5px;
    }
    
    .menu_item {
        background: none repeat scroll 0 0 #CCCCCC;
        border-bottom: 1px solid #999999;
        border-radius: 5px 5px 5px 5px;
        border-top: 1px solid #FFFFCC;
        cursor: pointer;
        padding: 5px;
    }

It works fine on my browser and I have tested it in every browser both mac and PC, but someone is complaining that the `td` with the `width` of 200 keeps changing width. I have no idea what he is talking about. Does anyone know why he or she is seeing the width change on the `td`?

td widths, not working?

How can I make the table with 2 columns (cells) look like this:

 - First cell is shrink according to the content
 - The other cell fits the rest of the table (wider than both contents together)

Example:
    
    &lt;table style=&quot;width: 500px;&quot;&gt;
       &lt;tr&gt;
          &lt;td&gt;foo&lt;/td&gt;
          &lt;td&gt;bar&lt;/td&gt;
       &lt;/tr&gt;
    &lt;/table&gt;

I need the table to look like this:

    .___________________________________________________________________________.
    | foo | bar            &lt;a lot of space here&gt;                                |
    |_____|_____________________________________________________________________|
                               500 px total width

Notice: I don&#39;t know the width of &quot;foo&quot; so I cannot set &quot;50px&quot;, &quot;10%&quot; or something like that.

How to make table cell shrink according to the content?

So the alert gives undefined values for the width and height. I think the w and h values of the image from the img.onload calculation is not being passed to the values to return, or it may be returning w and h **before** the onload calculates them:

    function getMeta(url){
     var w; var h;
     var img=new Image;
     img.src=url;
     img.onload=function(){w=this.width; h=this.height;};
     return {w:w,h:h}    
    }

    // &quot;http://snook.ca/files/mootools_83_snookca.png&quot; //1024x678
    // &quot;http://shijitht.files.wordpress.com/2010/08/github.png&quot; //128x128
    
    var end = getMeta(&quot;http://shijitht.files.wordpress.com/2010/08/github.png&quot;);
    var w = end.w;
    var h = end.h;
    alert(w+&#39;width&#39;+h+&#39;height&#39;);

How can I have the alert show the correct width and height? 

http://jsfiddle.net/YtqXk/

Get width height of remote image from url

I am currently working with an `svg` element in JavaScript. And I am new to this.

My question is that I have an `svg` element in which I have multiple `svg:g` elements. And in my `svg:g` elements I have various other svg elements.

        &lt;svg&gt;
         &lt;g class=&quot;my-class&quot;&gt;
          &lt;g class &quot;c1&quot;&gt;
             &lt;text style=&quot;font-size: 9&quot; x=&quot;0&quot; y=&quot;-4&quot;&gt; john &lt;/text&gt;
             &lt;text style=&quot;font-size: 9&quot; x=&quot;70&quot; y=&quot;-4&quot;&gt; 13 &lt;/text&gt;
          &lt;/g&gt; 
          &lt;g class=&quot;c2&quot;&gt;
             &lt;text style=&quot;font-size: 9&quot; x=&quot;0&quot; y=&quot;-4&quot;&gt; john &lt;/text&gt;
             &lt;text style=&quot;font-size: 9&quot; x=&quot;70&quot; y=&quot;-4&quot;&gt; 13 &lt;/text&gt;
          &lt;/g&gt; 
          &lt;g class=&quot;c3&quot;&gt;
             &lt;text style=&quot;font-size: 9&quot; x=&quot;0&quot; y=&quot;-4&quot;&gt; john &lt;/text&gt;
             &lt;text style=&quot;font-size: 9&quot; x=&quot;70&quot; y=&quot;-4&quot;&gt; 13 &lt;/text&gt;
          &lt;/g&gt; 
        &lt;/g&gt;
       &lt;/svg&gt;

`g` are dynamically appending in my 

&gt; g &quot;my_class&quot;

Now I want to set my `svg` width equal to the width of `g.my_class` width.

    var svgWidth  =   $(&#39;.my-class&#39;).width()
    alert(svgWidth);

But its giving me zero. How ever I can see it on my browser in a yellow tool tip box![enter image description here][1]

when I select this line.

Can anyone kindly guide me? Am I doing this right, or how can I achieve this?
Thanks


  [1]: http://i.stack.imgur.com/A84mi.png

How to get the width of an svg:g element

Is there a way to apply the following CSS to a specific `div` only in Google Chrome?

    position:relative;
    top:-2px;

How to apply specific CSS rules to Chrome only?

How can I hack or write css only for IE 11? I have a website that looks bad in IE 11.I just search here and there but didnt find any solution yet.

Is there any css selector?

How to write a CSS hack for IE 11?

I spotted this CSS code in a project:

    html, body { :)width: 640px;}

I have been around with CSS for a long time now but I never saw this &quot;:)&quot; code before. Does it mean anything or is it just a typo?

Content Type	Original Author	Original Content on Stackoverflow
Question	well actually	View Question on Stackoverflow
Solution 1 - Css	Sparky	View Answer on Stackoverflow
Solution 2 - Css	sandeep	View Answer on Stackoverflow
Solution 3 - Css	Asad Shah	View Answer on Stackoverflow
Solution 4 - Css	gordi	View Answer on Stackoverflow

CSS \9 in width property

Css Problem Overview

Css Solutions

Solution 1 - Css

Solution 2 - Css

Solution 3 - Css

Solution 4 - Css

What HTTP status code should be used for wrong input

Setting design time DataContext on a Window is giving a compiler error?

Attributions