Question

i have an problem with a div box, which has to get a specific height: 241px.
In all browser it is displayed right, but in chrome and safari it dis only 230px height

Is there a possiblility, per example with a css hack to modify this box only in webkit browsers?

Answer 1

It’s possible to apply CSS rules only on webkit-based browsers by placing them in a media query referencing a webkit specific property:

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* webkit specific CSS */
    div#mydiv { height:241px; }
}