Conditional inline CSS for different browser chrome & firefox

Question

I have written a css for div positioning. here is the css

background-color: white; 
border-style: outset; 
margin: 115px 0px 0px -40px;

When I see the output in firefox then div position is ok but when I see this in chrome then output gets distorted due to margin: 145px 0px 0px -40px;

for chrome margin should be margin: 115px 0px 0px -40px;

So I search google and found a snippet and I applied but did not work. which was

style="width:310;height:402;background-color:white;border-style:outset; if webkit (margin:115px 0 0 -40px) else  (margin:146px 0 0 -40px);"

So guide me how could I write conditional inline css for chrome...any idea. Thanks

Are you using a css reset to begin with? Firefox and chrome should be the same when it comes to rendering. — boz
– boz, Commented Jan 14, 2013 at 9:22
Where did you get the snippet? Conditional CSS, requires a bit more than just adding the IF..etc... — Mesh
– Mesh, Commented Jan 14, 2013 at 9:23
how to define margin-top:100px; margin-bottom:100px; margin-right:50px; margin-left:50px; for chrome — Thomas
– Thomas, Commented Jan 14, 2013 at 9:34
there are no if else conditions in css... wherever you found the snippet - this is wrong. Post some more of your markup, i find it very strange, that Chrome and FF differ that much. Probably there is a problem in your html. — Christoph
– Christoph, Commented Jan 14, 2013 at 9:40

jikey · Accepted Answer · 2013-01-14 09:36:27Z

1

I wrote a test page, did not find what you said this situation. maybe you write a test page. Strictly speaking, firefox chrome is the standard of modern browers, should not have this kind of situation has.

*{ margin:0; padding:0;}
body{font:12px/1.5 arial;background:#fff;}
.test{background-color: white; border-style: outset; margin: 115px 0px 0px -40px;}

<div class="test"></div>

demo here

answered Jan 14, 2013 at 9:36

jikey

3943 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Conditional inline CSS for different browser chrome & firefox

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related