What are the html rendering differences between IE 7 and IE 8? - html

What are the html rendering differences between IE 7 and IE 8?

Here we have some links regarding CSS support across IE's three latest versions.
http://www.smashingmagazine.com/2009/10/14/css-differences-in-internet-explorer-6-7-and-8/
http://www.evotech.net/blog/2009/02/css-browser-support/

A big noteable difference is IE8 is Acid2 compliant, IE7 isn't.

Related

Is HTML5Shiv only for Internet Explorer

I am new to Web Development. I am currently looking at HTML 5 and I was wondering if HTML5Shiv is only for old Internet Explorers or it also works for other old Browsers of Firefox and Safari.
If you so much as bothered to glance at their project page, the answer would be right in front of you.
The HTML5 Shiv enables use of HTML5 sectioning elements in legacy
Internet Explorer and provides basic HTML5 styling for Internet
Explorer 6-9, Safari 4.x (and iPhone 3.x), and Firefox 3.x.

List of IE Specific html and CSS Tags/attributes

Can i have a list of html/css tags which works only for Internet explorer.And these tags/attributes should not work in other browsers especially for chrome and safari.
Thanks,
Shyam
As you didn't mention the version of IE, I am Going with the IE10
this link describes IE 10 Specific Styles
I think the only HTML (non-standard) tag supported by IE and not other browsers is <bgsound> for background sound. Some sites will also mention <marquee> too, but although it is non-standard, it has worked on Chrome and Firefox for a while.
About CSS, I don't know if there are any specific rules/attributes that only work on IE (but I know there are many standard rules/attributes that do NOT work on older versions of IE :P)

How to run HTML 5 tags on IE 8 or older versions

I was working on a project built on HTML 5 and got stuck with compatibility issues for Internet Explorer 8. Is there any way to run HTML 5 tags to work on IE 8 and older versions.
Just use the html5shim to make html5 tags compatible with old version of IE
Html5 new tags like " form attibutes" and all does't support in all the browers. chrome is good for html5

"&percnt;" not recognized by IE

IE is not recognizing &percnt; entity in both 8 and 9 versions. I tested in two computers.
I read that it is implemented in IE here:
http://code.google.com/p/doctype/wiki/PercntCharacterEntity
Any idea?
Thanks
According to the HTML ASCII Reference you can just use %, IE should play nicely with that :-)
Strangely though, according to the Google doctype wiki &percnt; is supposed to be supported in all versions of IE from 6 to 8, so it should work in IE8

Is there any possibility of rendering differences betweeen firefox 3 and 3.5 and IE 7 and 8, even if we are not using any new css 3 property/selector?

I'm making a site for European client and he said Firefox 3 and IE 7 and 8 has more user than others browser for desktop in Europe http://gs.statcounter.com/#browser_version-eu-monthly-200812-201001-bar
I've only IE 7 and Firefox 3.5.7 installed in my PC.
Should I download portable Firefox 3.0 and test in it too even if I'm not using any new css property/selector which only has support in Firefox 3.5 or testing in 3.5.7 would be enough?
And for IE testing in IE 7 would be enough or should i check my site in IE8 (downloading VPC image of IE8 and testing in VM) even if I'm not using any new css property/selector which only has support in IE8?
Or is it necessary to use <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> in <head> ?
But what will happen when user will switch compatibility mode to IE 8 default rendering mode?
Can we make site compatible in IE 7 and 8 both without using <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />? If yes, then what special we need to do.care/consider in css to make site identical in both?
It's worth testing the site in all browser to ensure that it is working correctly. Another way to test is to use the browser sandbox here: http://spoon.net/browsers/
IE8 is alot more standards compliant then previous versions of IE so if you are designing for FF 3.5 then you shouldn't have too many problems with IE8. It's worth using conditional comments as Dough mentioned to target IE7 or IE6 - http://www.quirksmode.org/css/condcom.html
Consider using this website checklist - http://www.xs4all.nl/~sbpoley/webmatters/checklist.html as once you have validated your html and css and gone through most of the other points then you will be well on your way to having the site display properly across all browsers
You don't necessarily need to download all the copies, but yes, there is a larger possibility of a difference between IE7 and IE8, though they should be minimized if not eliminated by your meta tag. I highly recommend you don't use that meta tag and just check for differences that might be able to be easily fixed. Since IE8 has come out, I have never had to use the meta tag to fix any problems or differences. I still use IE conditional comments to add rules for fixing differences in IE6 + IE7.
There is much less of a concern between Firefox 3 and 3.5 if you are not using CSS3 or -moz specific selectors.
Either download IETester (IE only) or used Adobe Browser Labs (both) to check IE8 and Firefox 3 as a precaution before launch.
I do dev testing using IEtester, been using it for about a year and it's been 100% correct in rendering CSS when compared to the stand alone versions of IE6,7,8. It's also very good for tweaking CSS and quickly seeing the impact.
From a general perspective I normally have alot more issues between IE6 and other browsers, while IE7 and IE8 are very similar in most regards.