so the compatibility difference between browsers is driving me nuts
more so the rendering of html & css
so in opera Version 11.64 link
works as expected in firefox but opera doesn't open in new window
This is controlled by a preference in Opera: opera:config > User Prefs > Ignore Target .
Related
I have finished designing my website but it displays differently on firefox, chrome and internet explorer. I believe i have done everything right but i dont know what is happening. Actually, google chrome displays it as i want it to, but firefox and internet explorer does not. My internet explorer version is 10 and firefox is 29. Please any help is much appreciated. thanks
This is the link to hosted site: http://www.ruebenpersonal.netai.net.
http://pastebin.com/xTnXeGhq - Link to the html source code.
Some browsers are uses the same rendering engine and some are not.
For example:
Google Chrome and Safari browsers are using : Webkit Engine (See: http://www.webkit.org/)
Firefox is using Gecko Engine (A.K.A. Moz) - (See: http://en.wikipedia.org/wiki/Gecko_(software)
Opera is using : Presto (See: http://www.opera.com/docs/specs/productspecs/)
So differences between rendering engines are normal. Which is why we are using their css properties like;
-webkit-border-radius /* For Webkit */
-moz-border-radius /* For Gecko */
-o-border-radius /* For Presto */
border-radius /* For IE9+ */
Some older browsers like Internet Explorer 6, 7, 8 are not giving support for most of CSS3 methods. To enable that methods, there are available to use JS engines like html5shiv or modernizr.
Note: You can use a service like this to generate starter templates that supports almost every browser.
Initializr: http://www.initializr.com/
Each browser uses different rendering engines. This means that certain HTML elements, CSS styles, etc. will be interpreted differently or not at all by browsers that do not share the same rendering engine.
To understand more, I would refer to this link: http://taligarsiel.com/Projects/howbrowserswork1.htm
As far as developing for multiple browsers, I would look into the modernizr javascript library, http://modernizr.com/, and for quick reference, caniuse.com.
Hope this is helpful.
The Browser Safari falls under Webkit or not? Please do clarify my doubt at the earliest. If it is not falls under the category of Webkit, what steps would I take to write in CSS. I mean the syntax of CSS for Safari Browser Like -moz for Filezilla and -webkit for Chrome?
Safari is webkit based. In fact safari was the first browser to use webkit and the open source it. The -webkit should work.
You can read more here:
http://en.wikipedia.org/wiki/Safari_(web_browser)
http://www.webkit.org/
Anyone know of one? Firefox and Chrome get it right; Opera just displays a square +.
No need for a polyfill anymore; the latest dev build of Opera brings support. :)
Is it still worth using the traditional input element for buttons or can I start to use the HTML5 button right away?
I have been able to verify that the button element works on the following, but are there any issues that I need to be aware of?
IE9 (3 modes from F12 tools)
IE9 with IE9 standards
IE8 with IE8 standards
IE7 with IE7 standards
Chrome 13
Firefox 4
Safari 5
Note: I am not supporting IE6-, I am interested in IE7+, Chrome, Safari, FireFox, Opera, etc.
I say use the button element as you then also get free accessibility via the keyboard with it, which can be handy.
Plus if it's a button, use the element that's made for it!
I'm integrate this plugin and his file input doesnt have multi file selection. So I added multiple attribute, but I just wonder if there is some browser or other thing(OS maybe) that doesnt support it.
Many don't... see this link for discussion
http://ajaxian.com/archives/input-typefile-multiple-now-in-a-real-browser
Googling around it appears FF 3.6, Safari 4, and Chrome (not sure) support it. IE definitely doesn't and Opera might not.
According to W3Schools.com the multiple attribute is now supported in Firefox, Opera, Chrome, Safari, and IE version 10.
These are the Browsers and OS that don't support multiple file upload.
As of now (2017-04-13) caniuse.com states:
Not Supported:
Opera Mini on Android
Android Browser
Blackberry Browser
Opera (37) for Android
Chrome 57 on Android 4.x and below
Firefox (52) for Android
IE Mobile 11
UC Browser 11 for Android
Samsung Internet 4
Supported:
IE from Version 10 (2012-09-04)
MS Edge from Version 12 (2015-07-29)
Firefox from Version 3.6 (2010-01-21)
Chrome from Version 5 (2010-05-25)
Safari from Version 4 (2009-06-08)
Opera from Version 11.5 (2011-06-28)
Safari + Chrome for iOS 6.0-6.1 (2013-01-28)
Chrome 57 for Android (2017-03-27) on Android 5.x (not below)
QQ Browser 1.2 (2017-01-01)