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/
Related
I want to do the styling of scroll bar. It's working in chrome but it isn't working in Firefox. How do I solve this?
As you will have found the code for custom scrollbars is ::-webkit-scrollbar using the webkit system
Unfortunately not all browsers support webkit, you'll find Webkit works on browsers such as Chrome & Safari but Firefox uses -moz and I.E. uses -ms. Because of this, scrollbar design will work on webkit browsers only. There is no -moz or -ms equivalent.
You can read more on the Mozilla Developer pages about scrollbar design
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)
I'm playing with CSS perspective and I don't get the same result between firefox and chrome/ie.
I want it to work as in chrome/ie (the flipping panel doesn't go over the non flipping cat when it closes).
Here the codepen.io I made for the question :http://codepen.io/mourtazag/pen/cdAuL
Thanks !
you may not be using proper vendor prefix.
-khtml- (Konqueror, really old Safari)
-moz- (Firefox)
-o- (Opera)
-ms- (Internet Explorer)
-webkit- (Safari, Chrome)
and also dont forget to use default code, i.e. code without vendor prefix.
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.
If the font can't display the proper character,
Opera and Chrome display it in a totally different way of other browser (and I like it)
See this example: http://jsfiddle.net/d72uy/
The #unicode div is styled with "Tahoma" font.
Firefox and IE display the div in the same way; Opera and Chrome use different font.
What font are using these browsers?
chrome://chrome/settings/fonts
should help you figure it out. Don't know how safari does it but I guess it's something similar since it's the same engine.
Edit: Oh sorry it was opera, yea no idea there anyway and it's not the same engine then :)