Page 1 of 1

Me being a dunce! CSS3 - radius setting

Posted: Tue Feb 08, 2005 7:29 am
by Chris Corbyn
Hi,

How come I've never got this to work? I want the corners of a DIV to be rounded off using CSS not an image.... I read about the radius setting an looked at some examples but I can't make it work.

Code: Select all

<div style="width:200px; height:200px; border:2px solid #777777; radius:4px">Something in here</div>
I've tried using em instead of px and tested it in IE 6, Netscape 6, 7.1, 7.2 and Mozilla Firefox but they all just show a normal div with a border.

Which browsers support CSS3 and why doesn't that code work? I'm sure I've seen it on other sites but now I can't find any to view the source :-(

Thanks :?: :D

Posted: Tue Feb 08, 2005 9:02 am
by Weirdan
currently none of the wide spread browsers support CSS3.

Posted: Tue Feb 08, 2005 9:17 am
by Chris Corbyn
Dammit... new i was being a dunce :lol:

Just gonna have to use images then I guess.... I've seen some other way of doing curved borders using CSS2 but I think it was a workaround not a std procedure.

If you're interested it's EMBEDDED somewhere in this code :?

It's a filemanager - single PHP file. Login as username= USER and password = PASS (Case sensitive). When you log in the borders around the Upload and New Folder buttons are round but I couldn't decipher the CSS.... Thanks anyway 8)

Code: Select all

Removed due to code length issues... please follow link

http://www.chriscorbyn.co.uk/what_css.php

Posted: Tue Feb 08, 2005 9:34 am
by feyd
.... and a bit too long to post the whole script I see.. :)

Posted: Tue Feb 08, 2005 11:05 am
by timvw
mozilla (don't know if it's for all gecko browsers) has propriatary extensions :P

http://www.eightlines.com/neil/mozskin/csscommands.html

Posted: Tue Feb 08, 2005 3:37 pm
by Chris Corbyn
feyd wrote:.... and a bit too long to post the whole script I see.. :)
LOL... :lol: Sorry Source code is here http://www.chriscorbyn.co.uk/what_css.php - I wouldn't even bother looking if I were you.... it's a bit of nightmare.

Username = USER, password = PASS (You'll have to run it on localhost or your own server of course.... i'm not givin the world access to my files 8O )

Posted: Wed Feb 09, 2005 1:20 am
by n00b Saibot
nothing round I see on my comp. :roll:
Win98, IE6, PHP 4

what are your configs.

Posted: Wed Feb 09, 2005 2:21 am
by Chris Corbyn
Nothing unusual... I've viewed this on my work's PC and on my personal PC at home both in IE6 on WinXP. I wasn't aware of any settings that would change these kinds of things.

It's just the corners of the border... I wouldn't worry about it.... If it won't work for enough people I'll stick with images.

Thanks anyway :-D

Posted: Wed Feb 09, 2005 2:36 am
by n00b Saibot
Ya that's the prob of us coders. we have to keep in mind the level of compatibility for all people. i sometimes feel very low about this. there are situations when i would work with something else and the client says.
Nah! we'll stick to xyz only. oh man, its so frustrating sometimes. :evil:

Posted: Sat Mar 12, 2005 8:42 pm
by Chris Corbyn
Can't believe how stupid I was about this.

I had never used <fieldset> before.

That's what had the corners rounded off. :oops:

Posted: Sat Mar 12, 2005 11:34 pm
by ast3r3x
If your google and have almost unlimited resources, you can work individually with every browser to get a custom fit for each one.

*sigh*

must be nice