Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
I Know this is common question in web Development but what what should be things that i must take care while developing a HTML website? Why does my site look different on different browsers, till now i checked it on Chrome and Firefox. So dimensions on both were too different. Is there any specific code for CROSS BROWSER compatibility ?
I would develop for one browser and worry about cross browser compatibility later. Most of the differences are between WebKit browsers (chrome, Safari, opera), internet explorer browsers (8,9,10,11), and Firefox. I would recommend developing on one browser, and then checking your site in others afterwards. I doubt you will have too many things to fix. Mostly there will just be styles that may not work the same way on certain browsers. One thing to keep in mind is that your site will probably never be perfect in every browser. For the websites I design, I have a list of browsers I support. There are things that just won't work on ie6 and not enough people use it to make the effort worthwhile. A good rule is to worry about the latest version of each browser or the latest few versions. As you can see, there's no simple answer, just make sure to check your work.
Related
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 2 years ago.
Improve this question
I'm aware of Microsoft Edge now using Chromium under the hood. Can I assume that the way Chrome renders websites is therefore same as in Edge ? Meaning for development and testing purposes I no longer need both browsers to check functionality and rendering. I can just go with the new Edge and I can have the confidence that the website functions and renders the same on Chrome as well.
So far I haven't spotted any differences thus I'm asking if there are any gotchas to be aware of.
The Microsoft Edge (chromium) has the same rendering engine as Google Chrome. So, generally the render output is pretty similar in Microsoft Edge and Chrome.
But, since we could add specific styles for Edge or Chrome browser by using JavaScript. In this scenario, you have to use Edge and Chrome browser to test it.
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
I know this is an opinion based question but I am hoping to dodge being closed because its not a personal taste question.
Which browser should i develop against that will show me that my code is most likely compatible across browsers? In other words, Which browser is the most strict on code? i.e. chrome seems to be the least strict..
My experience recently has been 0 bugs in chrome = 49 bugs in IE. I was wondering if I develop against IE would it be something like 0 bugs in IE = 11 bugs in chrome?
Using one specific browser to try and see how compatible it is with other browsers just doesn't really make sense. You should develop in a modern browser using standards compliance and best practises and then test in all browsers to ensure cross browser compatibility and graceful degradation in older browsers.
Google Chrome and Chrome Canary are widely considered the best browsers to develop with but modern versions of Safari and Firefox are also good.
You should develop for as many browsers as you reasonably can or want to target. Browsers aren't ordered by stringency; they each have their own quirks and oddities when it comes to the standards. So, assuming that something works in one browser (even the "most stringent") doesn't guarantee anything about what it looks like in another.
Standard code will work on any major browser. I develop on chrome and then check it against Internet Explorer. IE used to be terrible at being standards compliant but is much better in recent releases.
If it works in IE 7 or 8 without any IE hacks then it should work everywhere.
Of you use a framework like Twitter bootstrap and jquery then it should look the same in all browsers. And it would be easiest to keep up to date.
Lynx.
It's still in active development. Still has a small user-base. And it doesn't support JavaScript, Flash, images, or video.
If it works in lynx, it works on any remotely recent browser.
If you're not concerned with that level of compatibility, you're generally safe developing for the lowest popular version of IE among your site's visitors, using MDN or some other non-Microsoft reference as your resource (so as to avoid using IE-only features).
Well,
I call it not for nothing Internet Exploder. IE is a major pain in the ass, especially IE7 and 8. If you can get it working there, well lad, than you are ready for big projects.
Besides, check your site stats (with Google Analytics perhaps) and see which browser your users are using.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 9 years ago.
Improve this question
I built a site for a small business and it looks great and they love it. Everything is fine up until we notice that older versions of Internet Explorer (8 and older) can't view the site. It looks completely messed up. I used Bootstrap which uses CSS3 and HTML5 elements.
What can I do about this? I don't want to remake the entire website.
You need to use an HTML shiv so older versions can tell what the new HTML5 tags are. For the use of CSS3, you need backup images or something for older versions to fall back on.
html5 shiv
How to use
More current info
HTML5 Shiv IS A MUST FOR OLDER BROWSERS! This is why your site looks crazy. Older browsers don't know what a nav or header tag is so it will not display any of those styles.
It depends... some CSS can be emulated quite nicely with css3pie, check www.css3pie.com.
But if it's not enough, you may have to convince your users to switch to Chrome, Firefox or Safari.
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 9 years ago.
Improve this question
Im writing a website for a holiday cottage business and am having problems making the layout work in IE7. It works fine in IE8.
Will this be a problem? or should I spend a few hours trying to make it work?
I am looking for peoples' experiences based on previous web design work, and current knowledge of browser usage. Im not really after personal opinions.
Many thanks,
The majority of all people use the most up to date types of browser and even if they don't with ie they are most likely to have at least IE8 so I don't think you should worry
I'd say that it depends on the audience for the site. If the site has existed in a previous form then see if it has some sort of analytics tracking so you can see what browsers were being used by the people who visited it.
At the very least put in a warning message letting people know that the site might be broken on older browsers and prompting them to upgrade. A quick example is this:
<!-- Prompt IE 7/6 users to upgrade to a newer browser. -->
<!--[if lt IE 8]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. In order to experience this website properly, please upgrade your browser or activate Google Chrome Frame to improve your experience.</p>
<![endif]-->
most of people will use IE8 or higher (if they are using IE at all ) ... so I don't think so
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
ive been making a website for a charity i volenteer with and want to check it for browser compatibility so ive been using browser shots website to show me give me images of what the site looks like in diferent browser configurations
my question is how much backwards compatibility should i be looking for ive currently been aiming for the last 5 versions of the major browsers so ie chrome firefox opera and safari is it neesary to make sure the last 5 versions are suported or should i be aiming to make say the last 2 versions or even more compatible the code is most likeley compatible with most versions but some parts like rounded corners in css i know arnt suported so most people with older browsers may not see it corectly should i make it viewable for them or just have a pop up box lil youtube that says your using a older browser for best results use a newer browser and link them to it
We practice supporting IE 6, 7, 8, 9, Firefox 3.6+, Chrome 15+
And we test by using virtual machines with the actual browsers installed.
But its best to look at who is visiting you site, and cater to what they use. I.e. use Google Analytics to see which browsers are you most popular and focus on them first.
It depends mostly on your target audience actually. Non-IE browsers aren't a big problem when going down the versions, so you might notice that even the last 5 versions of them are rendering the page completely, or almost-completely (no major flaws) the same. What you want to take care of is IE. With the current version 9, it's still unbeliveable that some people are still using IE6, but that's a sad truth. You just need to see if it's worth optimizing your website for oldies like that one. A link to a newer version seems like the best solution and there are even some plugins for this that immitate the native IE info toolbars.
Also, be careful with html5 and css3.
UPDATE
See some helpful info here.
Ideally you should use a tool like Microsoft Expression Web SuperPreview. This provides you with a view of your site side by side in your locally installed browsers. There's also a premium service whereby it will compare your site in a complete range of browsers and versions for comparisson.
Try browsershots.org.
It is a nice website that outputs images how your website looks in other browsers.