Solved

CSS3 for Internet Explorer

Posted on 2013-11-03
11
343 Views
Last Modified: 2013-11-04
Hi all,

How does IE 7 through 10 deal with CSS3 features?

Is there a list of all the problems and how to fix them?

Thanks!
0
Comment
Question by:userTester
  • 5
  • 4
  • 2
11 Comments
 
LVL 5

Accepted Solution

by:
Neil_Bradley earned 125 total points
Comment Utility
Follow this link to see a chart that illustrates the varying support for css3 and html 5 features for all browsers http://fmbip.com/litmus/

While there is no one fix that will help you work around all of the comparability issues between IE and modern web language I have found the browser sniffing script http://modernizr.com/ invaluable. Essentially it will let you sniff out the browser type and show you what is and is not supported.
Cheers,
Neil
0
 

Author Comment

by:userTester
Comment Utility
Yes thanks this does help, but only partially, since I also need to know how to fix these differences?
0
 
LVL 5

Expert Comment

by:Neil_Bradley
Comment Utility
that's a massive question and one i would be hard pushed to answer fully in this post.
Essentially there is no one solution or fix.
Browser sniffing allows you to add various solutions (or fall back css) depending on how far you want to go to solve a particular problem.
Sorry i cant help further..
cheers,
N
PS; Google  Modernizr tutorials and you will find a wealth of info..
0
 

Author Comment

by:userTester
Comment Utility
Thanks Neil, I would like to hear more from others, but will definitely award some points for your contribution, appreciate it.
0
 
LVL 53

Assisted Solution

by:COBOLdinosaur
COBOLdinosaur earned 125 total points
Comment Utility
If what you need are the workarounds, fallbacks and hacks then you will find detail for all of it for all major browsers with precise version indicators at:

http://html5please.com/

If what yu are trying to is make obsolete browser simulate support for modern standards, then you are on a fool's mission.  You will spend a lot of time hacking slashing and getting frustrated and in the end even under ideal conditions you will end up with damaged pages that have accessibility, usability, and reliability issues.

The way most professionals who can justify support for old junk approach the problem is to use modern presentation, and let the junk default to its limited capabilities by providing a shim such as http://code.google.com/p/html5shiv/ that will allow HTML5 to be used without breaking older versions of IE.

If you want to waste a lot of time supporting old browser that are being phased out very quickly, then don't expect much in the way of praise, because no one still using an old browser cares about gradients and round corners or they would have upgraded by now.

Cd&
0
What Should I Do With This Threat Intelligence?

Are you wondering if you actually need threat intelligence? The answer is yes. We explain the basics for creating useful threat intelligence.

 

Author Comment

by:userTester
Comment Utility
COBOLdinosaur

Thanks for your post.

The html5please site looks interesting, so I'll have a look to see how much it can help with CSS3 issues - looks promising.

Has anyone heard of css3pie?
0
 
LVL 5

Expert Comment

by:Neil_Bradley
Comment Utility
Yes,
its works fine but is a lot of effort to support an outdated browser.
FYI. The html5 shiv that COBOLdinosaur mentioned is bundled with http://modernizr.com/
Cheers,
N
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
Comment Utility
css3pie is basically hacks to try and turn a sows ear into silk purse.  I have yet to see a site using it that did not have reliability issues.

This article:http://www.htmlgoodies.com/beyond/css/article.php/3921576 outlines the kinds of problems you run into with it.

So I will repeat what I previously said:
"If what yu are trying to is make obsolete browser simulate support for modern standards, then you are on a fool's mission.  You will spend a lot of time hacking slashing and getting frustrated and in the end even under ideal conditions you will end up with damaged pages that have accessibility, usability, and reliability issues."

Cd&
0
 
LVL 5

Expert Comment

by:Neil_Bradley
Comment Utility
I completely agree with COBOLdinosaur. You will drive yourself nuts trying to make your web page display the same in older versions of IE as it does in say Chrome.
Is all that effort with buggy Hacks really worthwhile for the sake of rounded corners or a drop shadow?
Cheers,
N
0
 

Author Comment

by:userTester
Comment Utility
Thanks guys, I suspected that css3pie would have its own issues.
0
 

Author Closing Comment

by:userTester
Comment Utility
Thanks, appreciate the advice.
0

Featured Post

Free Trending Threat Insights Every Day

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

Join & Write a Comment

Several part series to implement Internet Explorer 11 Enterprise Mode
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

743 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

17 Experts available now in Live!

Get 1:1 Help Now