Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
CSS Curved borders, great but only on firefox
Old 09-30-2009, 02:41 AM CSS Curved borders, great but only on firefox
badams's Avatar
Skilled Talker

Latest Blog Post:
Dum Skype Firefox plugin
Posts: 69
Name: Barry Adams
Location: London
Trades: 0
I've been having a lot of fun, making curved boxes with CSS. Take any box, add

border: 2px;
border-color: #ff0000; (my color you like)
-moz-border-radius: 15px; ( radiuis of the corners, firefox code)
-webkit-border-radius: 15px; (chrome/safari code)
border-radius: 15px; (official CSS 2.1 code)

Finally get proper curved boxes without having to draw the edges and use background
images, which takes ages.

Trouble is it doesn't work in IE not even IE8, its been part of the CSS 2.1 standard
for years, but still not supported. Wish Microsoft would sort it out. Meanwhile ugly square boxes on MS's dumb browser.
__________________

Please login or register to view this content. Registration is FREE
@
Please login or register to view this content. Registration is FREE
(320+ Subjects)
badams is offline
Reply With Quote
View Public Profile Visit badams's homepage!
 
 
Register now for full access!
Old 09-30-2009, 05:29 AM Re: CSS Curved borders, great but only on firefox
tuestunim's Avatar
Experienced Talker

Posts: 41
Name: Scott Brown
Location: Huddersfield, UK
Trades: 0
border-radius is CSS3 isn't it?

Don't forget -khtml-border-radius as well.

Go to http://www.htmlremix.com/css/curved-...-cross-browser where there's some info on how to get curved borders in IE.
__________________
jQuery's beginning to make my avatar less true
Please login or register to view this content. Registration is FREE
tuestunim is offline
Reply With Quote
View Public Profile Visit tuestunim's homepage!
 
Old 09-30-2009, 03:51 PM Re: CSS Curved borders, great but only on firefox
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
Of course it's not going to work in IE, you're using Mozilla and Webkit specific filters.
CSS3 will give us all better options, but it's not ready for primetime yet.

Are you running IE8 in compatibility mode?
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to CSS Curved borders, great but only on firefox
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.11319 seconds with 12 queries