CSS hack for Google Chrome and Safari

<< Why CoffeeScript is an issue | Home | Creating classes in JavaScript >>

CSS hack for Google Chrome and Safari

When wanting to hack css in an external stylesheet just for Google Chrome and Safari. Here is an example of where I override the margin-top for Chrome and Safari.

Normal:
#AccountMaintenanceWrapper #callDetailsPreviewWrapper
{
    border: none;
    padding: 0px;
    width: 209px;
    position: fixed;
    margin-top: 84px;
    z-index: 1;
}

Google Chrome and Safari:
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    #AccountMaintenanceWrapper #callDetailsPreviewWrapper
    {
        margin-top: 12px;
    }
}

Share This Post:
Short Url: http://wblo.gs/dBI

Print | posted @ Tuesday, September 4, 2012 1:54 PM

Comments on this entry:

# re: CSS hack for Google Chrome and Safari

by Raghibsuleman at 1/4/2013 1:11 AM

Thanks for this post...

# re: CSS hack for Google Chrome and Safari

by Alessandro at 1/19/2013 7:12 PM

Brilliant thank you.. had been searching for the CSS hack for Google Chrome. Thank you. You really made life easy

# re: CSS hack for Google Chrome and Safari

by Michael at 3/21/2013 6:06 AM

Where do you put this code. In the external style.css file or??

I did this. And nothing happened.

Hope you can help me.

Twitter

rhollhumer Check out Creating classes in JavaScript written by @rhollhumer http://t.co/HspIkDbH about 231 days ago

rhollhumer Check out CSS hack for Google Chrome and Safari written by @rhollhumer http://t.co/4Zr6MJpg about 258 days ago

rhollhumer Check out Twitter Bootstrap with jQuery-ui fixes for jqGrid written by @rhollhumer http://t.co/hEunr8LJ about 278 days ago

rhollhumer Check out Twitter Bootstrap styling conflicts with plug-ins written by @rhollhumer http://t.co/HMVvdGDp about 305 days ago

rhollhumer Check out CoffeeScript - inability to support progressive adoption written by @rhollhumer http://t.co/GJ5JJ432 about 315 days ago

rhollhumer Check out Twitter Bootstrap styling conflicts with third part libraries written by @rhollhumer http://t.co/HMVvdGDp about 315 days ago

rhollhumer Check out Why CoffeeScript is tough to maintain written by @rhollhumer http://t.co/yPfl4LZE about 318 days ago

rhollhumer Check out Operation is not valid due to the current state of the object. written by @rhollhumer http://t.co/GrdtYYAn about 324 days ago

rhollhumer CSS 3 Intellisense Schema : http://t.co/RJBQFhN9 about 340 days ago

rhollhumer Twitter Bootstrap http://t.co/lXFaQuo0 via @twbootstrap about 341 days ago

Renso Hollhumer

CSS hack for Google Chrome and Safari

Comments on this entry:

Twitter

About

Archives

Post Categories

Ajax

Firebug

Syndication