I have a problem with CSS caching in Firefox. I'm creating a website which includes a frame within the page.
However, I don't know why, but there's a big difference between loading time from the page and from the frame.
More surprising, it doesn't happens on Chrome, only in Firefox. That's the reason why I'm suspecting Firefox having a different CSS cache system than Chrome.
As it's .LESS CSS, I though that this was because the .less was compiled and it took a lot of time. But I can't find out why this only happens on Firefox. If it was due to the compiling time for the .less, it would also happen on Chrome, isn't it ?
Does someone have some clues ?
Thanks
Related
I got a really strange problem, and after so much tries and research I can't get out of it.
I have a website, but SOME (just 5% of visitors) people with the SAME version of chrome, see the text flowing out of divs and text overlapping. It's very strange because I tested the website on all chrome browsers using browser testers, without any problem. And in internet explorer or firefox this problem never happens...
A page is located here
And here are some screenshots of what SOME people see (maybe you won't see this in chrome)
click here
Maybe it is because of the font face I am using? Or maybe some bad coded CSS?
Please help me out of this!
Thanks a lot!
I see you use .svg font. Recently I was hunting some Chrome font rendering bugs and saw this:
http://code.google.com/p/chromium/issues/detail?id=95102
This seem very similar to issues you are having. You could try to serve some other font type to Chrome and if this would fix that.
If you don't want or can't serve some other font type to Chrome, the only thing you can do is wait until Chrome version 24 is out to all users which should be soon (I can't find any announcement)
I tested it in
Chrome 23.0.1271.97 m
Chrome 26.0.1371.0 canary
Chromium 25.0.1334.0 (169326)
# Windows 7 x64 and your page seems fine for me.
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.
When loading a website (censored), it hangs for a couple of seconds before loading the page (up to a minute on older ones of internet explorer)
In other browsers it works fine.
It's a basic wordpress website with a couple of javascript and stylesheets, nothing to fancy. Firebug doesn't show anything weird in the NET-panel, all files exist.
Also with some other sites using the same plugin (for the properties), the same problem exists. So it should be plugin related, but I can't find why.
Any suggestions?
I loaded up IE9 and it loads quick. However, if you turn on IE9 dev tools, go to network, switch to IE8 standards mode and start capturing, you will see a lot of 404s on images that do not occur when using IE9 standards. This may be the issue. Good luck. – Matt Feb 23 at 16:55
Just to get the question answered, thanks #Matt
I've ran into a snag I've been working on for a couple days and can't seem to come up with an answer online. The site template I'm working on now is located at "http://citylakersbaseball.org/2.0" - I've got a div named "sponsors" that shows up fine in Chrome and the built in Live View of Dreamweaver CS5 - however, in Firefox 3.6 & 4beta it completely vanishes. I can see it in the view source, yet firebug has it grayed out. Maybe it's a DOM issue? (for which I don't know much about). Rendering engine issue?
I ran the source (index,htm) and CSS (style.css/nav.css) through the HTML validator - HTML is fine, and the CSS didn't spit back anything I would think could effect the div's display, especially since Webkit has no issues with it.
Any thoughts would be appreciated. Thanks in advance!
Your ad-blocking Firefox plugin is detecting and removing the div from the DOM. I experienced the same behaviour in Chrome and Firefox (which have ad-blocking plugins/extensions), but not in Safari or IE (which don't); and, indeed, the div appears if I disable Adblock Plus. One of the more basic rules Adblock Plus and the like follow is to look for HTML elements with class="sponsors" or id="sponsors" and remove them.
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.