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.
Related
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?
http://pastorcarepbr.com/
I HTML validated it and it looks just the way I want it to in Firefox but in Chrome and Safari the #main div doesn't have the background color showing and the break tag with css set to clear both doesn't clear the way it does in Firefox.
I can't figure out what I did wrong considering it works fine in Firefox and it also HTML validates. Can anybody take a look at it?
Also, is this a coding error or a Web Host problem? I keep getting an old and new version of the Web page depending on if I do a simple refresh or a Ctrl+Shift+R refresh.
As mrtsherman and Nicole said, it was just the cache. Private browsing shows consistently.
you need a <div style='clear:both'></div> right before the #main closing tag. I shouldn't have anything to do with your browsers cache or web hosting.
I think it is probably a caching issue. The page seems to render fine to me. Here is quick tip. To take caching out of the picture, open up an incognito/private browsing instance. Then let us know what you see. I think this will resolve it. If this is the problem then you can version your CSS files by appending .css?version=1.1 for example. If you do this server side you can append a timestamp to do this automatically.
:)
To help out a bit more 1. You should provide the code you are working with. It is a major help in trying to figure out what is going wrong. And 2. the old and new version of the web site sounds to me like you need to clear your browser cache.
So upon near completion of my website i tested it (as i do) in Chrome, FF, Opera and IE8. Ive not got around to Safari yet, but im guessing its mostly similar to how Chrome would display it.
A page that was working fine previously (about a week ago) has now, along with 2 other pages, stopped showing altogether in IE8. Cant seem to find any problem in the source. I have Firebug and no errors show up there either.
Ive also uploaded it to w3c.org's Validator and no major problems are found.. (majority are unescaped & in urls)
the doctype is XHTML 1.0 Transitional. Any one know of any reason IE8 sucks so bad and is halting my progress?
I forgot to mention my page loads content via AJAX calls. Could this maybe have something to do with it?
You could try to use a tool like Charles to record and peruse server interaction. Then at least you can see if the calls are returning expected headers.
Check out the bottom of this page in Chrome (10.0.648.134): http://seatgeek.com/jobs/
The page mysteriously extends well beyond the footer. I'm perplexed by this because:
Looking a the web inspector, the web inspector is saying that the html ends at the end of the footer, so it's hard to know how to debug this.
This only happens in Chrome (not even Safari)
It doesn't happen on any other pages on my site except for the jobs pages
This isn't JS-related; I've turned off JS and it still happens.
It's a reported chrome bug: http://code.google.com/p/chromium/issues/detail?id=75815
I would wait for fix.
You might want to validate your mark-up first. There are a few errors.
I've seen strange behaviour before in Chrome with invalid mark-up. In fact it was a difference between Chrome 8 and 10 that caused problems for me in the past with invalid mark-up, so that might explain it.
Am testing my webpage on firefox and everything is looking fine, but when i run my page on IE or chrome a section with
Clear ReCSS console DOM Object Close
What is it and how can i remove it?
This one had me going also for a while. If you are utilising the DOJO framework then you need to turn Debug=false as this is the firebug-lite console that is shipped with it! If not it is still the Firebug-lite console. Firebug-lite will not show on Firefox as it has the full Firebug hence why it shows up on other browers.
It's likely that you have malformed html that Firefox is handling differently than IE and Chrome. Make sure you have matching opening and closing tags throughout!
If you post the html in question, we might be able to help a bit more...