cross browser rounded corners...

djkav said:
Lets not forget about companies that use website filtering software. Theres no guarantee that public sector or some companies will see your site in work time anyway. I know as I speak of experience. So maybe that 5% you speak of, could i reality be 2% due to website blocking software installed on company servers.
Click to expand...

For the sake of including a different style sheet, even if it is 0.000000000000000001%, there's no argument. An extra style sheet is going in.

Like I said, it is *your* site that is losing out. A marginally less "flashy" site for IE6 is all it needs...
 
I was going off the IE6 usage being around 7%, and still test and code for it. In my mind the point of a website is to take the message/information/content from my client, and insert it into as many people as possible. Therefore if someone tries to views the site with IE5.5 and can't view it properly, they've lost a potential customer. Who's to blame then? The customer? For not being able to/not knowing how to upgrade their computer/browser/connection? Nah, totally down to the developer if you ask me.

CSS3 should be treated the same as Javascript in my opinion; as extra enhancement tools. The site should still be usable. (Not saying you should make a special effort to make the site look the same in all browsers, just that the content should be accessible).

Personally I try to include a page on the site with recomended browsers on it anyway.
 
I need to get into jQuery. Is there anywhere for someone who is an absolute beginner to start?

I am pretty proficient with XHTML and CSS, and "good enough" with procedural PHP, but I have literally zero javascript experience at all.

I read somewhere that jQuery is a javascript library. I've no idea what this means. :(
 
It's a real shame that IE6 won't go away and die in some dark, dank corner but so is life. On a quick check of browsers across my smallish portfolio (27 websites so far) IE6 has a share of about 11%, but for one site it's 37%. I serve a seperate stylesheet and if my site is wordpress based then use a plugin that explains that IE6 is insecure etc.

As for rounded corners, strangely Opera doesn't like them much but the other main browsers other than IE the support is decent through CSS3 selectors. So that's what I use. There are jquery plugins that use CSS3 mainly then fallback to images if needed, but I believe you'd be best to design using CSS3 then use a seperate stylesheet to achieve a similiar look...
 
Last edited:
The one I posted before has AA, works fine and is about the best you'll get without just doing it as images.
They have an error on their demo but there is nothing wrong with the script itself so should work fine once you put it in.
 
Tripnologist said:
The one I posted before has AA, works fine and is about the best you'll get without just doing it as images.
They have an error on their demo but there is nothing wrong with the script itself so should work fine once you put it in.
Click to expand...
so it does... happy as larry :)

Don't suppose anyone knows a similar technique that would make IE observe the opacity: x.x; css instruction?

EDIT: let me rephrase that, I need it to work even with pngs which already have transparency, the filter: Alpha(Opacity=80); way of doing things leaves nasty black jaggies round the edge...
 
Last edited:
right, been using curvycorners for a few days now and unfortunately it interferes with other parts of the layout, which is a massive shame (stops background changes on curved buttons when hovering, elements have problems with absolute positioning within rounded parent elements) :(

I think theres just not a solid-as-a-rock solution to this apart from creating shed loads of curvy images :(

well, thanks for the help anyway folks, I will continue to hate IE for what it does to our industry and go back to oldskool methods...
 
EDIT: let me rephrase that, I need it to work even with pngs which already have transparency, the filter: Alpha(Opacity=80); way of doing things leaves nasty black jaggies round the edge...
Click to expand...
As far as I know, nothing properly solves this. Its a royal pain. Crops up when you fade pngs in IE too.

And I also found that rounded corner scripts interfered with other scripting/visual elements on my page. Ultimately, I just gave in, used CSS3 for those who care about modern browsing and left the other users with their sharp edges..
 
Could this be of any use: http://css3pie.com/

Not tried it personally and not 100% on all its workings yet since I'm new to all this CSS lark.

EDIT: Ooops, I need to learn how to skim read better, don't think this is quite what you want.
 
Last edited:
You must log in or register to reply here.
Back
Top Bottom