I center a div within another one by using calc() function. It works fine in Chrome, Firefox, Opera and even in IE but in Safari this method doesn't work.
left: -webkit-calc(50% - 25px);
left: -moz-calc(50% - 25px);
left: calc(50% - 25px);
As Hashem said, it doesn't work in earlier versions of safari.
However if you just want to center the div, a couple ideas come to mind.
One, you could give the container a
margin-right: auto; margin-left: auto; width: 50%;
Or make the width whatever you like.
Second, you could give the parent div
Make the child div
and/or set a width for the child div.