In building my responsive website I have come across a bug that appears only in IE8, and I cannot figure out why. I use a cross browser testing service (as I build on a Mac) and on my portfolio page - http://www.weblinedesign.com.au/portfolio in firebug, I notice on nearly every line, there is added code "checkedbycsshelper=true". It's preventing my images from loading as the tags wrapping the image tags have been disabled - assumed by this line of code.
It doesn't happen in any other browser, only IE8 and all my attempts at searching Google have come up null. There are literally no references anywhere in Google to "checkedbycsshelper".
It's being added by this script:
http://www.weblinedesign.com.au/wp-content/themes/wd/js/css3-mediaqueries.js
I'm not sure why, but I'd check around for newer versions of that script, and/or other reports of issues with that script on IE8.
A bug report has been opened on the developer's Google Code repo, but not yet resolved.
(http://code.google.com/p/css3-mediaqueries-js/issues/detail?id=8)
Related
We have a catalog on our college website.
It may be found here:
https://www.southark.edu/admissions/resources/course-catalog
The links going down the left side of the page point to specific pages within the catalog.
For example:
https://www.southark.edu/images/catalogs/2021-2022/2021-2022_SouthArk_Catalog_FINAL.pdf#page=100
But when clicked, Chrome truncates the last portion of the url (in this case, #page=100), and it displays the first page of the catalog, not the intended page.
This happens in Chrome, but not Firefox.
It has worked in Chrome for years, but now it does not.
Any idea why Chrome is doing this and what kind of workaround I might be able to do?
P.S. I just tested it in Safari on my iPhone and it is doing it on there as well.
Thanks,
Charley
I discovered that it is due to the Chrome PDF extension. If I turn it off, it operates as it should.
I have an image (with a number in the image name - it's called ad1.jpg). Anyhow, it loads fine on any major browser I tested, yet it never seems to load on Google Chrome for some reason. I saw it once today, but aside from that, it's the old image title that appears instead of the image.
I am 150% sure that the problem is that Google Chrome is not properly reading the image name because of the number. Is there an actual problem with using number in image names using HTML5 standards? If not, does Chrome actually have a problem reading numbers in image names?
I had a similar problem, it was because of an 'Ad Blocker' installed on my browser. It read the word 'ad' and blocked it. Is it possible that is the problem?
If you refresh the page several times work? Clear cookies and cache and try again. Maybe this is problem.
Ok, this is weird and I'm not sure how to resolve it.
I am the creator of LogZilla (a syslog management/reporting tool).
One of my users has pointed out a bug that only exists in IE9. IE 8 and below has never worked properly so I can live with that. But IE9 should be working. FWIW, I am running IE10 and it works. But if I put it in IE9 mode it doesn't.
If you visit my demo server and do a search (just click the search button at the bottom of the page after logging in), you can see that the data is presented properly using Chrome and FF and IE10, but if you use IE9 it says there is no data to display.
I've also noticed that if you use a GET instead of a POST it works properly. The results page after a search has a small disk icon at the top right - if you click that you can get the full URL to paste as a GET.
I'm wondering if the problem is this which led me to this, but I have tried loading json2.js in the header and it doesn't fix anything (maybe I did it wrong?)
Edit: I also though Modernizr might help, but I have no clue how to implement it, and the download page is insanely confusing - which options do I need?
Edit: Based on #thatidiotguy's comment, I checked my source and it is actually using a GET, not a POST. So now I'm even more confused as to why pasting the url works when clicking the button from the main page doesn't?
I've been trying to get CSS tooltips with iFrames working cross-browser, but Chrome has issues.
Here's a test page I put together: http://paulleduc.com/test.html
As you can see, it works as expected in FF and IE, with the tooltip popping up to the right of the word every time. In Chrome however, the tooltip pops up at the left of the screen most of the time, and only popping in the correct position when you hover over the words from 'left-to-right' it seems.
Any ideas to get this working in Chrome would be appreciated,
Thanks!
I don't know about the tooltip version you are using specifically. BUT, I use this one
http://www.dynamicdrive.com/dynamicindex5/popinfo.htm
and I have no problem with it working on chrome or FF, it has worked on every browser I have tested it on, it also comes with really good instructions.
And I am not sure if it is supposed to be this way, but when I hover over your links it just opens a small square and I can see the google homepage.
But seriously, the one that i posted above DHTML Tool Tips, works really well cross browser, let me know how it works out if you decide to use it.
Please make sure you are using the latest version of Chrome. I'm using Chrome 17.0.942.0 (Official Build 110446) dev-m and cannot reproduce the issue - the tooltips pop up immediately to the right of the links. However, their contents are empty due to the "Refused to display document because display forbidden by X-Frame-Options." error (which I believe is unrelated.)
I'm currently finishing up testing a new Ruby on Rails app. Just recently, some of the pages do not seem to finish downloading in IE8. In FireFox, Chrome and Safari, everything works perfectly. The pages all validate successfully using the W3C validator.
When I view the page source in IE8, the page has been chopped off around 75% of the size it should be. IE8 claims the page is finished loading, and doesn't give any errors, but of course the page isn't rendering properly.
Has anyone seen this before? I'd really appreciate any help.
Have you tried to watch the http requests, using something like Http Analyzer or HttpWatch (like firebug for IE)? That might shed some light if there is a problem with a JS or CSS file not being found, or if the server is returning something other than a 200.
HttpWatch has a free version at http://www.httpwatch.com/download
IE8 Comes with a built in developer toolbar. Just press F12.
You should be able to diagnose most problems using it.
Also, open the page in Firefox with the Webdeveloper Toolbar addon and check if any javascript issues are arising. I find that sometimes you may only see the error in IE8 but you might only figure out what is wrong using Firefox. Give it a try!
There was a javascript call in the page that needed to be wrapped with:
document.observe("dom:loaded", function() { ... };
in order to work in IE. Apparently, it was disruptive enough to kill the entire page render. Thanks BenTheDesigner!
Since this is the first result on a Google search for IE8 not completing a page request, I thought I'd add on that I've seen the same symptoms caused by Sophos Anti Virus' Browser Helper Object which interferes with page requests and thus doesn't complete download requests every time.
Hitting F5 resolves the issue most of the time but a click to the next page can cause it to reappear. Other symptoms include odd page rendering of background images, incorrect repeating or no repeating being done at all despite a CSS declaration specifically telling a background to repeat. I spent a week debugging my CSS and XHTML only to eventually try disabling all the browser "Add-ons" and all of a sudden the issue went away.
I nailed it down to Sophos' BHO and now no rendering issues.