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.
Related
I've been trying to figure this issue out for about an hour now. I've asked some friends but they didn't have much luck either.
The problem is with this site: http://tomdwyerdesign.com/
Load it in Chrome and it's fine. Load it in IE10 and it's fine... load it in IE9 and it's not.
It loses a good portion of its css. I've used the html5shiv trick and still it refuses to work.
Another website: http://tomdwyerdesign.com/new
this loads fine and shares almost an identical header.
Anyone know why IE9 won't render this correctly?
IE is going into quirks mode on your new site. Checking with W3 Validator shows a warning that is likely your problem: IE will go into quirks mode if you have comments before your doctype.
Try moving your doctype before the comments, and see if that helps.
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?
Hey guys, i have recently created a HTML page but it is appearing differently in Mozilla Firefox and Internet Explorer. I have uploaded the page on ripway. Here is the URL http://h1.ripway.com/gurusmith/My%20site/Index/index.html
Please watch the page in both Internet Explorer and Mozilla Firefox and after watching you will find that the page is appearing fine in Internet Explorer but not in Mozilla Firefox. Can anyone tell where i have made the problems. If anyone can edit the source code and post the correct source code here which works fine in both the browsers then i will be really thankful to you.
Sorry, i can't post the source code and the outputs due to restrictions but i have given the link above for the page. So please do visit it and help me.
Your page is not even remotely valid HTML. For one thing, you have two body elements.
Check out W3C Validation of your page for more problems.
If a browser gets invalid HTML it makes its best guess at what the DOM should be (as opposed to a deterministic interpretation). Since browsers are designed by independent teams, these interpretations will differ. Then, when it comes to applying CSS, variations are bond to occur.
Get your HTML in order and then see what happens.
Older versions of IE are known to display pages slightly differently than most "modern" browsers. A quick Google search turned up the following lists of common differences:
http://www.wipeout44.com/brain_food/css_ie_bug_fixes.asp
http://css-tricks.com/ie-css-bugs-thatll-get-you-every-time/
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.
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.