Getting Errors in Custom.css in Safari OS X

HTML & CSS
1

My webapp was designed for Chrome and Firefox. The CSS elements the
same on both. Now I am also trying to get it work on latest Safari OS X.

Quite a few CSS elements don’t work on Safari. Like for example in my custom CSS

This line doesn’t work:

body{border:0;
overflow-x:hidden;
overflow-y:auto;
font-family: 'Raleway', sans-serif;
background-color:#eff0ea;
opacity:0;
margin:0;
padding:0;
z-index: 0; 
position: relative;
}

Then this line doesn’t work:

.service .service_step{ display:none;}

Then this

.span_2_of_2 {  width: 100%;} 
.span_1_of_2 {  width: 49.2%;}

Need help understanding what I need to do differently for it to run on Safari.

Secondly is there a tool where I can put my CSS code and check what will NOT work on Safari?

Thank You

2

We would need to see your markup as well as the complete CSS. Just showing a couple of lines that “don’t work” doesn’t give anyone much of a clue as to what is going on.

3

Safari is a pretty standard browser that supports all the normal stuff. It’s sometimes a little behind the most advanced stuff, but sometimes ahead, too. None of the CSS you’ve posted would be a problem for Safari in principle, so there’s most likely an error in your setup. We’ll probably only know if you post a link. :slight_smile:

3 Likes
4

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.