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.
Related
I'm working on a specific page:
http://portfolio.jrstrauss.net/work/cg.html
and Chrome is doing a bizarre job of rendering the page. It renders perfectly in all the other browsers, Opera, Safari, Firefox, Camino, but Chrome does not give the same results.
I change nothing in the markup and refreshed, but now the layout is all jacked up. I was working with Chromium yesterday and started having the problem, but it was acting bizarre-- I would load the page and it would render fine every single time, but when I would refresh, it would completely change. Then tried it in Chrome and had no issues, so I passed it off as a Chromium bug. Now tonight it started doing the same thing in Chrome, even though it didn't before, so now I'm starting to wonder if there a problem with my markup. Though I see nothing. Does anyone else see a problem with my CSS or HTML?
If it looks good in Chrome on your computer, let me know via comment. I've taken a screen shot to show what it's supposed to look like and what it's doing weird in Chrome/ium.
Renders correctly:
http://i.imgur.com/qp8mu.jpg
Renders incorrectly (only in Chrome and Chromium):
http://i.imgur.com/iIhdI.jpg
It renders correctly in chrome for me, but it seems highly likely to be a problem with wrapping. If I reduce the width of your div.innerContentBox from 800px to 600px, then it looks exactly like the problem you've shown. As I said, I can't reproduce the problem, but it seems to have something to do with insufficient width.
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.
I've been working on a revamp of the charity site I'm the webmaster for, heroinitiative.org. It is located here:
http://www.heroinitiative.org/revamp/default.html
(and no it's not live code, it sits alongside the live site just so I can show progress to my boss, it's not really important to keep it under wraps, which is why I can post it here)
My problem: For some reason all links in the footer (from id "bodyfooter" on down, including anything I put below the "Partners/Thanks" footer) have been disabled. I don't know why this is happening as I've thoroughly reviewed the code.
It happens in:
Firefox 3.6.8
Chrome 5.0.375.127 & 6.0.472.53 (just upgraded as I typed this)
but not in:
IE 8.0.7600.16385 (or in it's compatibility mode)
you have a z-index:-1 on #bodyfooter. main.css line 182
remove this or change it to 0.
Your page takes a long time to display in Safari on my Mac.
Whenever I have a page that does not render as I expect, I run it through the W3C Markup Validation Service.
Try fixing the errors displayed here:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.heroinitiative.org%2Frevamp%2Fdefault.html&charset=%28detect+automatically%29&doctype=Inline&group=0
I have a rather strange bug which i can't make sense of that is apearing in webkit based browsers (chrome and safari).
When this page http://bluprintliving.mammalworld.com/turnmill-street loads for the first time the content seems to jump out of the container but only at the end of the render. on refresh it stays in and behaves. Generally the page in cache and out of cache looks different.
Anyone have any ideas or clues they can shed on this issue?
Much appreciated.
Shadi
** Update **
Bug appears in:
Chrome: 4.1.249.1064 (45376)
Chromium: 5.0.349.0 (40908)
Safari: 4.0.5 (531.22.7)
It could very likely be the document.write of the CSS tag in your cufon.js script.
Webkit browsers have some weird issues with inserting document.write at random times during page load, especially on un-cached loads. It's far safer to use DOM compatible insertion methods than to use document.write for adding content to the page. (NODE.appendChild() comes to mind)
I didn't dig deep enough to see if your issue could be explained by that file loading late, but if you're utilizing any CSS code from that file on your front page it may be getting loaded well after the actual content of the page, thus causing your "jump".
What makes me think of this is that I've come across this before when using Tiny_MCE, which was using document.write to insert code in much the same way, and having problems with the code appearing at random places in the document.
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.