Hi - I am trying to sort this & can't figure it out - I am setting up a site for the Welsh Baccalaureate - can get rounded corners in firefox but not in IE 8 - ideas anyone ?
You are trying to use the CSS3 rounded corner property, which doesn't exist in any version of IE since IE doesn't know CSS3. ... a specification that isn't even out of draft and has no business being used in the development of a production website unless we want a repeat of what happened with IE 5.x and HTML4/CSS2. Which is why you should be using images if you want that effect to work cross-browser.
i would use CSS3. but IE users dont see it. anyway, you shouldnt care. care about people that uses standars
Firefox is a modern browser. IE8 is not and there is no indication from Microsoft if/when they will implement border-radius as all modern browsers did years ago, at least with the vendor extension. Feel free, as most of us do, to use that property as you do. IE8 users won't notice the lack of rounded corners anyway and it's just another encouragement for them to switch to a modern browser.
IE is hilariously sad in regards to anything modern. Try something like http://malsup.com/jquery/corner/
Yeah, to hell with those 1.5 billion users that continues to grow in numbers every day despite the lie that is market share. Great attitude there.
so? they still can see the page. if they want see border-corners and other stuff that is not compatible with IE, they should move to another browser. if you have a bike but want to go as the speed as a car, you should get a car, and not ask the government to include a bike road in the middle of highway. sorry for my english btw
When in less than five minutes you can make a single sliding doors-type image handling all sides of the element totalling less than 1k in images, markup and CSS combined that works in ALL browsers? The CSS3 property is a cute shortcut that will be nice sometime around 2020 when it's been out of draft for a few years, instead of repeating the mistake that was IE 5.x - which was the most standards compliant browser of it's day and implemented CSS2 before the specification was out of draft - something we continue to pay the price of to this day thanks to thinks like the broken box model. But, those who forget history are doomed to repeat it.
I definitely disagree with felixjet's whole attitude. Your first and foremost goal in designing a website is designing it for everyone. Yeah, we all know that IE sucks (no CSS3, no XHTML, no XML which also means SVGs), but it is still over one-third of internet users. I recommend to just use an image in each corner as was suggested earlier. You just make a square the color of the container with a rounded corner and a transparent background .
i dont know about him, but im not gonna spent 1 or 5 minutes to fix something for the IE users. if they want to stay at crap browsers its their choice, i dont want to waste my time. the same as if they want to use netscape 2. im not gonna make my website compatible
Here http://battletech.hopto.org/html_tutorials/eightcorners/corners2/ That's the same border styles done in a way that works in all browsers and is dynamic width and height built from a single image file. It's built using my "Eight corners under one roof" technique which is explained in more depth here: http://battletech.hopto.org/html_tutorials/eightcorners/template.html It takes a bit more code and does rely on a single (900 byte) image, but works in all browsers and is relatively stable/predictable. Also being image based you can add more styling than just a crappy 1px border and rounded edge. Gradients, cutouts - go wild. That's what probably SHOULD be used on a production site for the next, oh, six years? Yes, it's very nice what we MIGHT be able to use SOMEDAY - but we're talking about the here and now.
So over 60% of web users means nothing to you? Hell, look at his example - all he has is the -moz Which means it doesn't have rounded corners in Safari or Opera either... Sure, you can use the ACTUAL CSS3 version for Opera and the -webkit version for Safari, but why write for three browsers using techniques NOT READY FOR PRIMETIME when you can use valid proven techniques that work everywhere from the start? People are REALLY jumping the gun on this CSS3 bullshit - and given the track record of what happens when draft specifications are implemented (CSS2, V90 modems, 802.11g routers that are now useless bricks) it's like people don't understand what DRAFT means. Cute to play with as something we might be able to use SOMEDAY, NOT ready for use in production... It's like this same bull of everyone running beta versions of software as if it's a production copy...
well, im agree about that. i just wanted to mean what i would use -moz, -webkit and other css3 techniques to show round corners instead of create images for every corner. but anyway i never use round corners. and i do care about IE users, but there is a line where i stop my support, as far as the site looks fine in IE i dont care if they cant use cool features like round corners and stuff. for example if IE users cant see video in html5, i play it with a flash player, as the same way if the cant see round corners, they will see square ones. but that doesnt mean that if IE users cant play html5 video im gonna get rid of it. (its just an example)
I can see not supporting the really old stuff, but there are quite a few who use IE. That's because they know nothing else, that's what came on the computer, and they are not going to change.
Or you can write out one line in CSS and accomplish the same thing in 2 seconds. Don't dumb down the web just for Microsoft's sake. Using that thought, no one would use CSS2.1 till two years ago. That's why there are vendor extensions and why browser vendors aren't implementing some of the CSS3 properties directly till the dust settles.
Don't dumb down the internet. That's why IE6 hung around so long. No one challenged it. If you continue to take what's given to you, that's what you'll continue to get.
More thoughts: You know why you can't use XHTML today? Cause IE can't handle it but every other browser can. You know why you can't use SVG today? Cause IE can't handle it but every other browser can. You know why some won't use CSS3? Cause IE can't handle it but every other browser can. How much longer will you put up with this foolishness?
I don't know about you, but I don't think Microsoft gives a **** if my website is not supported by their browser. They will eventually support these formats, but until then, I think I'll keep serving my content to IE users too. Most of my websites serve a different format to Legacy browsers compared to Modern browsers anyway, i.e. HTML 4 to Internet Explorer, Netscape, etc. and XHTML 1.0 to Firefox, Opera, Safari, etc. I serve scaled PNG versions of original SVGs (Ever wonder how Wikimedia serves all of their SVGs to IE users? That's called rendering vector graphics as raster graphics, usually SVG to PNG). I don't care if IE users can't see your site, I care that they can see mine. I really don't see the need to fight it if fighting it doesn't change anything. I don't see the need to fight you since I don't want to change your opinion.
@thelethargarian, You totally missed the point and are trying to put words into my mouth which I never said. While you claim I said to not let IE users view my sites (I didn't), I actually said don't dumb down your code just to satisfy IE.