Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Closed 9 years ago.
Improve this question
My website I am working on is going great so far but when ever I try and put it in internet explorer it just breaks..
http://868rcacs.ca/test.php
I have tried using the chrome frame but it doesnt seem to work... Any help?
EDIT: I tried ie 8 and ie 7 and its almost like it it doesnt read the css at all
nav, header, article... IEs < 9 don't support HTML5 tags. However, you can style them in those older IEs using for example html5shiv.
Well without code or anything we can't actually help. But here is css support for IE6-10 this is another link on IE CSS Support that might also help.
If your using css that is not supported on a particular version then you should consider removing that css OR just not support IE users.
Things that you should really think about is, how many IE6,IE7,IE8,IE9,IE10 (IE10 sucks less) users will my site have and how many non-IE users will it have. If you expect about only 3-5% (more or less) of your total users use IE then it would be better to just not support IE and not sacrifice a better user experience for 95% of your users.
BUT if you really HAVE to support IE then you should consider removing the css that is breaking your site layout.
Cheers!
What exactly is breaking? It is working fine for me in IE v10.0.9200.16635 besides the classic image border issue for IE which you can fix easily by adding a css rule:
a, img {
border:none;
}
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 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.
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 does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Closed 9 years ago.
Improve this question
New to HTML/CSS but have had training; based on my trainer's designs built a site that looks OK in Firefox, Safari & Chrome but IE everything goes out of the window! Would appreciate help on either how to fix it, or where I could look to get more info on where I'm going wrong. Many thanks.
http://www.mandolinjack.com
The main reason you're having problems with IE is because your site makes IE go into Quirks Mode.
Quirks mode is a very old backward-compatibility mode that is built into IE. It causes the browser to render the page quite differently to normal, and it also switches off a lot of the newer features in the browser. You therefore want to avoid quirks mode at all costs.
The reason you're in quirks mode is because you haven't put a doctype declaration at the top of your page. If you don't specify the doctype, IE defaults to quirks mode.
If you're not sure what the above paragraph means, that's fine; just add the following line to the top of your code:
<!DOCTYPE html>
...right at the top, above the <html> tag. That should solve most of the problems.
You should also run your page through the official W3C Validator to check if you have any other errors in your HTML code, and fix anything that it finds.
Hope that helps.
Closed. This question is off-topic. It is not currently accepting answers.
Want to improve this question? Update the question so it's on-topic for Stack Overflow.
Closed 10 years ago.
Improve this question
Perhaps someone can find the problem. I've tried everything I know. And I apologize if this has been addressed before. I found similar threads, but none that address this problem specifically.
If you visit hiredimensions.net using Chrome, Firefox even Safari it will display properly. However, not so in I.E. (any version). It appears that it will not resolve the CSS background elements for the middle and lower part of the page. This site has been checked in W3C and is 100% compliant; no errors.
If you have any suggestions at all or need to look at the CSS please let me know. I'm stuck on this one.
Thanks.
This works fine in IE9 for me, but I had to change the document mode to an IE9 version. I assume this will work in IE10 as well, but I can't confirm.
I think the problem is that you are using HTML5, but it doesn't look like you are doing anything to support older browsers. If you inspect the markup in IE8 or less, the section element with the content-bottom ID is empty; same with the article. If you inspect the same element in Chrome, for instance, this is not the case and you will see that the article (and div) are in the section element.
EDIT: Check out this link, http://bit.ly/11D3Dyg; it has some options that will probably help. Also like bažmegakapa said, trying using a different meta tag that will try to force the latest render mode.
It works in ie 10 for me. Hit f12 and go to the network tab. Reload the page you will see you have no /js/HTML5.js file.
I tried it in ie 7-9 as well and no issues.
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.