Links breaking in Firefox but not in Chrome - html

I have lately been finding that certain hyperlinks and submit buttons fail to work in Firefox, but never in Chrome. These are links that worked before, then they fail, and later they may work again. I never see this behavior in Chrome.
For example this bookmark link:
<div class="z_01">Paragraph text here. <span class="blank"><img src="images\corner-right-up.svg" alt="Top"></span></div><br><br>
I have also had the same problem with form submit buttons that work not at all of just sporadically in Firefox.
On some links, the cursor will change to a hand on the left side of the link (or button) but not on the right side.
It’s not due to a Firefox add-on because I’m working in Firefox Developer Edition and I have no add-ons installed on that version.
I’m in Firefox Developer Edition 69, but the same problem occurs in Firefox 67 and 68. It does not occur in Chrome 64.
Has anyone else seen this behavior in Firefox, and is there a fix or workaround?

Your link is just the ID of another element on that same page. I'm assuming Chrome will be a little more smart than firefox and in the bookmarks change that link to https://www.whateverwebsite.com/whatever-page#ovr10 . I'm presuming Firefox only puts #ovr10 in your bookmarks. Only a guess though.
If that indeed is the problem and you want to fix this, changing your link to https://www.whateverwebsite.com/whatever-page#ovr10 would fix that particular issue.
Edit:
Tested on Firefox 65 (stable) and Firefox Dev 69.0b6. Link format does not appear to be the issue. Your code is also bookmarking fine for me.

Related

Chrome is truncating part of my pdf address

We have a catalog on our college website.
It may be found here:
https://www.southark.edu/admissions/resources/course-catalog
The links going down the left side of the page point to specific pages within the catalog.
For example:
https://www.southark.edu/images/catalogs/2021-2022/2021-2022_SouthArk_Catalog_FINAL.pdf#page=100
But when clicked, Chrome truncates the last portion of the url (in this case, #page=100), and it displays the first page of the catalog, not the intended page.
This happens in Chrome, but not Firefox.
It has worked in Chrome for years, but now it does not.
Any idea why Chrome is doing this and what kind of workaround I might be able to do?
P.S. I just tested it in Safari on my iPhone and it is doing it on there as well.
Thanks,
Charley
I discovered that it is due to the Chrome PDF extension. If I turn it off, it operates as it should.

Text flow out of divs in chrome, but not on all chrome users?

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.

gif images rendering then disappear chrome

Gif images render for a split second, when page is fully loaded then disappear leaving the broken image icon. This happens only in Chrome other browsers it's fine including Safari.
The weird thing is all has been fine and working perfectly for months up until last night.
Chrome's web developer tool reads 'Failed to load resource'.
Any suggestions would be appreciated.
A link to a page is below.
Thanks,
http://www.isenterprises.co.uk/product_info.php?cPath=33_46&products_id=748
(it's the 'Colours Available' colour swatches that don't render properly)
In fact IE doesn't know who "Transfer-Encoding" is. You will have to write:
header('Content-Transfer-Encoding: deflate');
in paps_makethumb.php.
Add:
header('Transfer-Encoding: deflate');
in paps_makethumb.php
Same issue for me, solved by removing Chrome extensions!
Chrome menu Chrome menu > Settings.
Click Extensions.
Check what's in there... I had to uninstall "QR Code generator" previously installed.
Maybe some extensions need to be updated, but i uninstalled them and now Chrome renders well.

CSS3 Transitions Not Working On Specific HREF

For some reason, on this page, in Chrome 17, CSS3 transitions aren't working the first 3 links in the footer/nav: http://jacob.bearce.me/index2.htm. The links are exactly the same, no added classes, and I went through step by step to figure out what it was, it's changing the HREF property that breaks them. For some strange reason, services.htm works, but projects.htm does not. I have absolutely no idea why.
UPDATE: Tested in Firefox, Opera and Safari it seems to be only a Chrome issue. It makes no sense. It's not even a webkit issue (unless Chrome's got a newer version than Safari).
Sorry if this response is slightly late, however, I'm currently on Google Chrome 16.0.912.63 beta-m and I have the exact same problem as you do. In fact, on your website, out of the 4 links below, it is only the home link that doesn't seem to be working too well with CSS3 transitions (on my side).
On a website I'm currently working on, the transitions seems to only work on some links and not others. I can't really see any trend to understand what causes it. Strangely though, when I visit your website or mine through Incognito, everything works well. It doesn't work even with my extensions disabled.
It looks to be bug with Chrome. I've figured out that it's definitely an issue with :visited links, but can't fix it no matter what. In incognito mode you don't see the issue because Chrome isn't logging what links you've visited. From what I've seen, it looks like it's an issue in Chrome 16 or higher. Hopefully they'll fix this in the next release, but for now, we'll just have to ignore it.

Getting CSS Tooltips with iFrames to work in Chrome

I've been trying to get CSS tooltips with iFrames working cross-browser, but Chrome has issues.
Here's a test page I put together: http://paulleduc.com/test.html
As you can see, it works as expected in FF and IE, with the tooltip popping up to the right of the word every time. In Chrome however, the tooltip pops up at the left of the screen most of the time, and only popping in the correct position when you hover over the words from 'left-to-right' it seems.
Any ideas to get this working in Chrome would be appreciated,
Thanks!
I don't know about the tooltip version you are using specifically. BUT, I use this one
http://www.dynamicdrive.com/dynamicindex5/popinfo.htm
and I have no problem with it working on chrome or FF, it has worked on every browser I have tested it on, it also comes with really good instructions.
And I am not sure if it is supposed to be this way, but when I hover over your links it just opens a small square and I can see the google homepage.
But seriously, the one that i posted above DHTML Tool Tips, works really well cross browser, let me know how it works out if you decide to use it.
Please make sure you are using the latest version of Chrome. I'm using Chrome 17.0.942.0 (Official Build 110446) dev-m and cannot reproduce the issue - the tooltips pop up immediately to the right of the links. However, their contents are empty due to the "Refused to display document because display forbidden by X-Frame-Options." error (which I believe is unrelated.)