-webkit-border-radius not working

1 view
Skip to first unread message

amrita

unread,
Jan 24, 2010, 3:51:33 PM1/24/10
to EDUC 176 Programming Lab
Hi,

I cannot seem to get -webkit-border-radius to render correctly on
Safari or on the iPod touch. Currently the syntax I have in the div
whose borders I want to round is

-webkit-border-radius;


Is there something I am missing here ?

Thanks,
Amrita

Gabriel Adauto

unread,
Jan 24, 2010, 3:55:59 PM1/24/10
to educ-176-pro...@googlegroups.com
This works for me:

#game-window {
    position: absolute;
    top: 92px;
    width: 318px;
    height: 45px;
    border: 1px solid blue;
    -webkit-border-radius: 4px;
--
"...one must have a precise plan worked out for some reasonable period ahead. Allow me to inquire how man can control his own affairs when he is not only incapable of compiling a plan for some laughably short term, such as, say, a thousand years, but cannot even predict what will happen to him tomorrow?" - Master and Margarita, Mikhail Bulgakov

Troy

unread,
Jan 24, 2010, 3:56:20 PM1/24/10
to EDUC 176 Programming Lab
Ah, looks like you're missing the radius value itself:

-webkit-border-radius:4px;

Troy

Amrita Thakur (अम्रिता ठाकुर)

unread,
Jan 24, 2010, 4:58:45 PM1/24/10
to educ-176-pro...@googlegroups.com
Hmm, I tried that but it is not working either. Is there something else I need ? I have Safari Version 4.0.4

Amrita Thakur (अम्रिता ठाकुर)

unread,
Jan 24, 2010, 5:02:22 PM1/24/10
to educ-176-pro...@googlegroups.com
You know what, ignore that, I got it to work now :).

Thanks Troy, Gabriel.

-- amrita


2010/1/24 Amrita Thakur (अम्रिता ठाकुर) <thakur...@gmail.com>

Steve Marmon

unread,
Jan 24, 2010, 5:03:01 PM1/24/10
to EDUC 176 Programming Lab
Safari 4.0.4 definitely supports -webkit-border-radius. Perhaps you
can post the complete CSS rule and the relevant HTML?

- Steve

On Jan 24, 1:58 pm, Amrita Thakur (अम्रिता ठाकुर)

Reply all
Reply to author
Forward
0 new messages