IMG disappearing in firefox only? - firefox

I have built the following page a while ago: http://www.cnplumbingandheating.co.uk/#page=about
However, the ID card (images/id-card.png) disappears in Firefox, although behaves as intended in Chrome, Safari and Opera. It was working in Firefox some time ago, and I have not edited the files or code since, yet this bug has appeared...
Can anybody shed any light as to what might be the cause, particularly if you cannot replicate it?
NOTE: The image reappears if you hover over it, but disappears on mouseout. There is no CSS/JS affecting this (as far as I can see).

I can't replicate the problem. I think it's working fine. Maybe a caching issue.
Anyway have a look. This is what i see when the page loads:
and this is when i hover the id card:
It seems it works well. By the way, nice website.

Related

Page suddenly scrolls back to top

So I have successfully built this business website, integrated payment gateways and I have things working just as I need them to but there's a little albeit annoying problem, when scrolling down the webpage on a mobile device, the page suddenly scrolls back up. I thought this was a problem without my chrome browser so I used other browsers still the issue persists. I currently don't know how to fix this irksome issue. Here's a link to the webpage. Sorry to bother you with my problem.
I already fixed it, it was a problem from setting the HTML style behavior to smooth. Thank you all for your intended help!

Tumblr own page is not loading new pictures from posts

My Tumblr page does not load new pictures from photoset on some occasions. I have experienced this issue on Safari browser. The page is supposed to work like a blog of pictures that are on a chaos (different width is set for each picture, so that every picture is shown differently). After first X pictures, the website is supposed to load a new one beneath them (same as facebook post are functioning for example). This works fine on most devices and browsers, but recently it has stopped working on Safari on iPhones (but only at some cases, one time it is working, but other time it is not). It does not even show the symbol of loading on the end of the page and basically nothing happens when user scrolls down to the end of the page.
I have tried to search for any hints or information of similar issues that other have, but cant find anything that would help. I have also tried to write to Tumblr support, but no answer there yet.
If any of you have any idea what might cause the problem, please, try to answer!

Firefox pushes table content up one pixel

I'm pulling my hair out over this probably very simple problem..
I just built a website for an iphone repair company:
http://www.cellcity.co.nz/
When viewed on google chrome and safari the website shows up without any problems,
when viewed on internet explorer i just have the mobile optimised version showing while i get around to sorting out its problems.
but on firefox all my elements are pushed up one pixel. I have all the content within a table within divs, have a quick look at my source code or request some code to be shown. I don't understand what could be wrong, I am using the border-collapse css style, maybe that might be a contributing factor?
Thanks in advance,
Matt
Ok I figured out that for every css class and id, you can make a firefox independant one that is only seen by firefox. Just place #-moz-document url-prefix() {.....} around the second version of your css class and firefox will override the old version =D
hopefully this helps someone else!

Chrome Plugin image persists after close

I have been developing a media player browser plugin for the past few month using Firebreath, but I do not think this is a Firebreath problem.
Currently I am stuck on this weird problem that occurs when one tries to reload the webpage containing the plugin. The image that was being displayed before the reload will stay stuck on the top of screen. The new reloaded plugin will be alive and well behind it but the old image will stay stuck their on the screen forever. If I scroll or resize the browser or even change URLs the image will stay put, however If I move the browser the image will follow. The image stays after closing a tab, but leaves when closing the window
Here is a screenshot that demonstrates what I am talking about.
http://i.imgur.com/asB7i.jpg
( I am a new user so I cant post images )
Has you can see I left my plugin's page and went to the Firebreath website and the image still persists.
This problem happens on both windows and linux, much less frequently on linux, and happens when using both directx and opengl. But only happens on chrome.
Just wondering if you, or anybody else, has any thoughts, suggestions, or insights as to what might be happening. I've tried everything including atrocious hacks and nothing seems to work.
Thank you.
Your problem is most likely that you aren't tearing down your directx or opengl context when the DetachedEvent fires. AttachedEvent is the earliest you can set it up, and DetachedEvent is the latest you can leave it running.

IE8 Web Font Bug

I've got this weird problem happening with a site I'm currently working on. When you load the page, everything looks fine. It's only until you hover ANY part of the page that the some of the fonts shift, almost as if the letter-spacing contracts.
It's really hard to explain, but to see what I'm talking about have a look at this page in IE8, and keep an eye on the navigation and page title.
Site Link
The problem started occurring when I added the Selectivizr.js to the site, and when I take Selectivizr js away it works fine.
Any help with this would be hugely appreciated. Thanks in advance!

Resources