This is a discussion on "[SOLVED] border-radius" within the Web Page Design section. This forum, and the thread "[SOLVED] border-radius are both part of the Design Your Website category.
|
|
|
|
|
![]() |
||
[SOLVED] border-radius
|
||
| Notices |
![]() |
|
|
LinkBack | Thread Tools |
|
|||
|
[SOLVED] border-radius
hey All,
I am trying to create divs that have round corners but by only using css, for FF i have found: Quote:
Quote:
Regards Wayne |
|
|
|
||||
|
Re: border-radius
Unfortunately you're going to have to wait until CSS3 is adopted by browsers and majority of users will see the results.
The only broswer that supports the border-radius property of css3 (so far) is Safari (khtml based browsers). As far as I've seen, and fairly certain this is still this case, there is no way to do this in IE without the use of images for your corners... moz-border-radius works but doesn't help any other browser and means your css is littered with broswer-specific properties Sorry to break the bad news
Last Blog Entry: The wannabe juggler's quest (Oct 27th, 2007)
|
|
|||
|
Re: border-radius
Thanks for the info.
|
|
||||
|
Re: border-radius
I created round corners for the newsletter. Just use images: http://www.creativecoding.webforumz.com/.
|
|
||||
|
Re: border-radius
you can have a look through these threads, as we have covered this before:
http://www.webforumz.com/css-forum/6...xes-in-css.htm http://www.webforumz.com/css-forum/6...nd-corners.htm Quote:
__________________
WelshStew Lead Administrator tierney rides tboard - uk site | xtreme wales - extreme clothing If you think I've helped, click the "Thanks" webforumz - facebook | LinkedIn
Last Blog Entry: Web Standards Curriculum Launched (Jul 8th, 2008)
|
|
|||
|
Re: border-radius
Yea I know that you can use images to produce the outcome but I wanted to do it with just css espec as it works with FF
|
|
|||
|
Re: border-radius
Quote:
Besides, images give you more options. |
|
|||
|
Re: border-radius
CSS is not currently capable of doing it without the use of images. CSS3 will allow all that, though. Anyone know when it is released?
Last Blog Entry: Windows Vista vs. Mac Leopard (Nov 4th, 2007)
|
|
|||
|
Re: border-radius
Quote:
CSS 3 is a working draft; CSS 2 is a recommendation; CSS 2.1 is a candidate recommendation. You can validate against the CSS 3 spec already. I do, because I use " :last-child " for some minor formatting enhancements. Who knows when it will become a recommendation? And after that, who knows when it will be well supported by browsers? Even CSS 2 support is buggy. Although the most recent de jure standard is CSS 2, the de facto standard is CSS 2.1. Feel free to use features from CSS 3, but be sensitive to its very patchy support among browsers. Don't rely on it. Last edited by MikeHopley; Dec 14th, 2007 at 10:26. |
|
||||
|
Re: border-radius
__________________
Resources Administrator
Last Blog Entry: My Latest Project - Grilling Gurus... (Jun 11th, 2008)
|
|
|||
|
Re: border-radius
By "released" I meant "when will it become the standard (instead of CSS2)"...
Last Blog Entry: Windows Vista vs. Mac Leopard (Nov 4th, 2007)
|
|
|||
|
Re: border-radius
Quote:
CSS 1 is a standard. CSS 2 is the most recent standard (well, recommendation), but CSS 2.1 is what most people use. In reality, what matters most is browser support. If browser support lags too severely, then CSS 3 will not be adopted until well after its "release". If browser support comes first, then CSS 3 will be adopted before its "release". I'm already using CSS 3, albeit for some very minor formatting enhancement. My stylesheet does not validate as CSS 2.1; but I don't care. Last edited by MikeHopley; Dec 14th, 2007 at 22:10. |
|
|||
|
Re: border-radius
Bad English again! Can't word it right, but you got it...
Last Blog Entry: Windows Vista vs. Mac Leopard (Nov 4th, 2007)
|
|
|||
|
Re: border-radius
Perhaps the right question is: "when will browser support for CSS 3 become good enough?"
That's hard to say. Browsers such as Safari support quite a lot of CSS 3 (such as multiple backgrounds). You can see demos at CSS 3 info. Unfortunately, IE6 is still the dominant browser. Until that changes, using CSS 3 will be limited to minor enhancements. If you do anything too dramatic with it, IE will suffer. We also have to hope that IE7 will be updated more efficiently than IE6 was. |
|
|||
|
Re: border-radius
Yup, that would be it.
Last Blog Entry: Windows Vista vs. Mac Leopard (Nov 4th, 2007)
|
|
|||
|
Re: border-radius
There's a decent chance that IE6 will begin to die over the next year or so, as businesses make the switch to Vista.
Or that might not happen; but it's one possible explanation for the slow uptake of IE7. If this happens, and if MicroShaft continues to develop standards support in IE7, then we could see decent browser support within 1-2 years. But that's a lot of if's. |
|
|||
|
Re: border-radius
That is a lot of if's.
Microsoft develops new stuff all the time. However, the standards they implement have been used by other browsers (such as Mozilla) for years! In other words, Microsoft is slow and very far behind!
Last Blog Entry: Windows Vista vs. Mac Leopard (Nov 4th, 2007)
|
|
|||
|
Re: border-radius
Indeed.
Yet no matter what they do with IE7, it won't help us until we can stop supporting IE6 -- because they will never update IE6. |
|
|||
|
Re: border-radius
And that's why web design is so difficult sometimes. We have to code for some f*cked up sh*t that hasn't been worth a crap since the 90's! God, I hate Microsoft and that baboon of a programmer, Bill Gates!
Last Blog Entry: Windows Vista vs. Mac Leopard (Nov 4th, 2007)
|
|
||||
|
Re: border-radius
Unfortunately the majority rules and until that majority uses another web browser, we will code for IE. Bill Gates deserves more credit than he has been given but I would prefer this discussion not turn into a war for/against Microsoft so I will close this thread as the question has been answered.
Serenity down
Last Blog Entry: The wannabe juggler's quest (Oct 27th, 2007)
Last edited by Rakuli; Dec 15th, 2007 at 23:35. |
![]() |
| Thread Tools | |
|
|
Similar Threads
|
||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| [SOLVED] CSS border | Johnathan | Web Page Design | 8 | Jan 5th, 2008 19:33 |
| Border to a form | paddywhack | Web Page Design | 3 | Feb 7th, 2007 13:44 |
| Apache FOP Border | davedran | Other Programming Languages | 0 | Dec 18th, 2006 15:28 |
| Why only one border? | timmytots | Web Page Design | 1 | Nov 30th, 2005 21:32 |
| CSS Border Question! | freebirdnz | Web Page Design | 2 | Nov 23rd, 2004 17:51 |