Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
Hello I was creating a webpage, and using internal css. I copied the whole css code in an external file and linked it with my html.
Prior to this, prefixfree.js was working fine, but as soon as I copied it to external css the prefixfree.js stopped working with chrome. Firefox is working but chrome doesn't play animations and transitions. Please help me.
Thanks
Thanks to #Alex wilson. Unprefixed linked stylesheets won’t work locally in Chrome and Opera. Firefox (and IE?) natively support local XHR, so -prefix-free will work fine locally with them.
To enable local XHR for Chrome, you need to run it with the flag --allow-file-access-from-files.
To enable local XHR for Opera, you have to go to opera:config#UserPrefs|AllowFileXMLHttpRequest, check that option and Save.
Related
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 4 months ago.
Improve this question
In above image the table bottom border is missing. It appears randomly when scrolling or when open close the outlook app. This issue occurs only in outlook desktop app but it works fine in browser. Im working in react project, in that we are creating a table with data's and sending it to mail. While viewing in outlook this issue occurs. It works fine in yahoo, gmail domains.
Any solution for this issue?
It's most likely due to your web browser rendering engine displaying the HTML in your email where the outlook desktop app will use it's own rendering engine (basically a slightly modified version of the old Internet Explorer one).
Without seeing your code, it's difficult to see where the problem lies but you would probably need to use some HTML logic to differentiate between whether you're using a browser or Microsoft office.
In your HTML code you can use logic to display different code depending on if you're viewing it in a web broswer or desktop app.
e.g.
<!--[if mso]>
<style="some outlook desktop specific styling">
<![endif]-->
<!--[if !mso]>
<style="some web browser specific styling">
<!--<![endif]-->
If you could post some of your code, I could better explain where you need to make changes.
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 needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
I'm building a website (here is the link only from the homepage). I created the homepage using Chrome as a browser on my desktop. Now I took my project on my MacbookPro Retina with 10.9.5 OSX installed to work from home. On chrome it doesn't render good (but on my desktops chrome is ok). I checked for errors in console but nothing. On Safari everything is good. Also on Firefox and IE 10-11.
I reinstalled chrome, repaired permissions, I've checked my code for unclosed tags, disabled some scripts etc but nothing. It's very strange. I'm having the same version of Chrome in the office and in my mbp. Here is a screenshot
Well the problem was the background-attachment: fixed. It doesn't play well with Chrome as I read in the net.
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
I've created a basic website using CSS to create a stacked paper effect with line rulings.
The website is temporarily hosted at www.aspireddesign.co.uk/jhtutoring
Here is the CSS file: CSS Source
The webpage renders fine in Chrome, Firefox, Safari (on iPhone and iPad) but not on Internet Explorer (only tried version 8).
The CSS uses the :before and :after pseudo-elements, could this be the problem?
The line rulings are also displaying as block rather than blue.
Any ideas?
Thanks
Your lines aren't showing in blue in IE8 due to that version not supporting rgba colours - see http://css-tricks.com/rgba-browser-support/.
They also won't work in IE9 as your HTML is triggering quirks mode. If you change it to render in standards mode, it should work. See here for more info: http://msdn.microsoft.com/en-gb/library/ie/gg699338(v=vs.85).aspx
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.