I'm developing xhtml page for wap applications and have a problem with the first page load in Opera Mini. Not the entire page content is displayed correctly the first time on screen, a lot of graphics elements are absent.
But right after the page refresh everything is displayed correctly. How to solve this problem during the first page loading ?
Are the images absent entirely, or do they appear as colored boxes first?
When using Opera Mini on a slow connection, the page will often load with colored boxes instead of images. The images will quickly appear if you scroll or reload the page. They'll also appear if you wait several seconds. That's how Opera Mini is intended to work.
If what I've described above isn't what's happening, let us know, and consider filing a bug report.
Related
Our application has been using Chrome without a problem for years. In the last three weeks, at least in Chrome 85, we have had numerous reports of full width bands at the top, bottom or in the middle of the screen disappearing when a long web page is scrolled quickly. These bands are permanent until the mouse is moved when part of all of the missing page gradually reappears, mostly in the area of the cursor. This is very frustrating for our users, I can see no similar reports from other Chrome users but this must be a browser issue. I have attached two screenshots of the problem which we can easily recreate. Any help appreciated.
Screenshot showing missing band mid way in long page
Screenshot showing partial repaint which continues as mouse is moved
I have used Chrome Canary to test this issue in V87 and it now seems to be fixed. It also seems to be fixed in the latest Chromium based Edge version.
I have a site (http://www.iproconnect.com.au/) that for one user (that I know of) renders the home page with black areas in Firefox. These do not seem to be tied to CSS, as if I force a re-draw of an affected area (e.g. by scrolling areas in and out of the viewport) it sometimes renders correctly, and sometimes incorrectly but differently to the previous incorrectly. Also if I do this with the inspector open, no CSS seems to change, and hovering background URLs show the image downloaded correctly.
I can't reproduce this in other installations of Firefox (all running the same version - fully up to date). And this user has un-installed and re-installed with no change in behavior.
I don't even know how to debug this further, let alone how to solve. Any ideas greatly appreciated.
As a dimming/darkening work around to the notorious white flash in between Chrome page loads, how could the small default loading notification (below) be exploited to cover the entire screen?
In other words, is it possible to create an entire wall of text in between page loads such that a high contrast extension could then darken the entire screen just as it darkens a small portion here?:
This is quite hacky, but for good reason. All other solutions no longer work for Chrome 40+:
https://superuser.com/questions/580228/prevent-white-screen-before-loading-page-in-chromium
Google Chrome - Override White Blank page between webpage loads
https://superuser.com/questions/831742/how-do-you-change-chromes-background-color
No, it's not possible to change what that status bar shows, not without digging into Chromium's source (but then you could just change how about:blank looks).
The idea is indeed way too hacky.
I am working with Foundation 4 plus WP and came across a very interesting issue and this is not a UTF-8 issue.
Page rendering in Chrome:
http://www.nmjgraphics.com/imaging/chrome_ren.jpg
Page rendering in Firefox (IE 10 loads the same way):
http://www.nmjgraphics.com/imaging/ff_ren.jpg
In both FF and IE the top navigation renders perfect out of the box, but in chrome it is bumped down by 30px. Now I can apply a margin of -1.9% 0% 0% 24.5% and that gets the menu back to where is "should" be on the browser, but IE and FF shift the menu by -1.9% and that cuts the navigation in half. In addition to that I also tried using the top element setting at 100% initially and then using "inspect element" in chrome move the number down to 0 with no effect at all.
This has not been tested on Opera or Safari, but my assumption is they will render just like FF and IE.
I do apologize for the links instead of images, but I need 10 rep just to add images to the question and I can only post two links, but I did have a total of 3 images showing the rendering on the three browsers. If you want to see the ie rendering, just change the browser name to ie_ren.jpg.
solved it. I was pulling my hair out for nothing. Page renders fine if I am not logged in. I completely forgot about the bar. I figured that if I wasn't placing it in the theme it wouldn't show up at all. Learned something new there. I will either add the bar (which I should) or disable it all together.
I am working on the redesign of my website http://square1dev.com. In the sidebar however, I am having some issues making it look correct in Google Chrome. Issues are:
Categories Title (h2 Background Image) - There is supposed to be a small little line to the right side of the word "Categories". Safari and Firefox show this, Chrome however doesn't.
Categories List (li list-style-image) - Each list item is supposed to have a small image of Right Angle Quotes (ยป). Again, Safari and Firefox show this, Chrome not so much.
Any ideas why this would be?
Chrome can have some weird CSS caching behavior, based on comments and my viewing it in half a dozen browsers, I have to suggest blowing away your Chrome cache and trying again...I've run into this several times where it'll lodge a stylesheet in cache and not let go.