A while back, after doing a yum update, a new version of Firefox was installed and since then, the contents of my pages don't fit any more because the buttons are now much bigger.
I've done some searching and to be honest I've drowned in the results. To make matters worse, most of the results are OLD, referring to IE version 6 and Firefox version 30.
This problem is only very recent (months). The problem is only in Firefox for Linux. Firefox for Android and Windows look fine, as does Chrome on everything and I.E.
Does anyone have any relevant / current suggestions on how to fix this? Firefox on Linux is my main development platform so having it look different to everything else is a real pain
It doesn't seem to matter whether I use <input type=button> or <button type=button>
On 02/01/2017 06:32 AM, Gary Stainburn wrote:
A while back, after doing a yum update, a new version of Firefox was installed and since then, the contents of my pages don't fit any more because the buttons are now much bigger.
I've done some searching and to be honest I've drowned in the results. To make matters worse, most of the results are OLD, referring to IE version 6 and Firefox version 30.
This problem is only very recent (months). The problem is only in Firefox for Linux. Firefox for Android and Windows look fine, as does Chrome on everything and I.E.
Does anyone have any relevant / current suggestions on how to fix this? Firefox on Linux is my main development platform so having it look different to everything else is a real pain
It doesn't seem to matter whether I use <input type=button> or <button type=button>
Use CSS to set the button size.
On Wednesday 01 February 2017 14:34:48 Alice Wonder wrote:
Use CSS to set the button size.
What I'm looking for is how do I fix the web browser, not how do I fix my web pages. To go down the CSS route means that I'll have to amend every CSS / HTML to fix the problem. It then doesn't fix the problems I have if I visit other people's web pages, although to be fare I don't notice it so much on other people's web pages.
It still doesn't explain why it's only Firefox on Linux, and what Firefox have changed to cause it in the first place.
As an aside, I have tried using CSS to reset the size of the buttons but haven't found a satisfactory effect. I had problems with the contents not being centred after the size was changed.
On Wed, 2017-02-01 at 14:41 +0000, Gary Stainburn wrote:
To go down the CSS route means that I'll have to amend every CSS / HTML to fix the problem.
The idea is to use one .css file for entire web sites, or large divisions of a single web site.
You could see if a Firefox plug-in can help.
Could it be something in "<!DOCTYPE HTML PUBLIC" ?
My layout.css.devPixelsPerPx is -1.0 on FF45.7.0 (yes I will change to C6 before July) and I do not have a button problem.
My customised buttons are described like this ...
.aaa {position:absolute; left:930px; top:123px; white-space:nowrap;} .aaa :link, .aaa :visited {background:#ffffff; margin:0; padding:2px 8px 3px 9px; color:#7777d0; text-align:center; font-size:17px; font-weight:bold; text-decoration:none; border-top: 3px solid #eeeeff; border-right: 5px solid #ccccdd; border-bottom: 3px solid #ccccdd; border-left: 6px solid #d0d0e0; } .aaa :hover {background:#ff0000; color:#ffffff; padding:2px 8px 3px 9px; text-decoration:none; border-top: 2px solid #ff6666; border-right: 5px solid #dd0000; border-bottom: 3px solid #ee0000; border-left: 6px solid #dd0000; }
On Friday 03 February 2017 19:40:37 Always Learning wrote:
On Wed, 2017-02-01 at 14:41 +0000, Gary Stainburn wrote:
To go down the CSS route means that I'll have to amend every CSS / HTML to fix the problem.
The idea is to use one .css file for entire web sites, or large divisions of a single web site.
Hi Paul,
I do do that, but I have quite a few web sites that I maintain, both for work and personally. I'm currently sitting in the glow of a freshly installed workstation after having to replace the HDD, and a number of problems that I have been experiencing, including the over-sized buttons have all gone away.
Thank you for the CSS. I'll have a look at that in relation to my existing CSS and see if that helps. On the plus side, the research I've been doing for this problem has shown me some better practices that I will try to utilise.
On Wed, Feb 01, 2017 at 02:32:53PM +0000, Gary Stainburn wrote:
A while back, after doing a yum update, a new version of Firefox was installed and since then, the contents of my pages don't fit any more because the buttons are now much bigger.
I've done some searching and to be honest I've drowned in the results. To make matters worse, most of the results are OLD, referring to IE version 6 and Firefox version 30.
This problem is only very recent (months). The problem is only in Firefox for Linux. Firefox for Android and Windows look fine, as does Chrome on everything and I.E.
Does anyone have any relevant / current suggestions on how to fix this? Firefox on Linux is my main development platform so having it look different to everything else is a real pain
It doesn't seem to matter whether I use <input type=button> or <button type=button>
Any chance your browser is zoomed in? Or maybe you've told firefox that your DPI is higher than it should be? (layout.css.devPixelsPerPx)
On 02/01/2017 06:44 AM, Jonathan Billings wrote:
On Wed, Feb 01, 2017 at 02:32:53PM +0000, Gary Stainburn wrote:
A while back, after doing a yum update, a new version of Firefox was installed and since then, the contents of my pages don't fit any more because the buttons are now much bigger.
I've done some searching and to be honest I've drowned in the results. To make matters worse, most of the results are OLD, referring to IE version 6 and Firefox version 30.
This problem is only very recent (months). The problem is only in Firefox for Linux. Firefox for Android and Windows look fine, as does Chrome on everything and I.E.
Does anyone have any relevant / current suggestions on how to fix this? Firefox on Linux is my main development platform so having it look different to everything else is a real pain
It doesn't seem to matter whether I use <input type=button> or <button type=button>
Any chance your browser is zoomed in? Or maybe you've told firefox that your DPI is higher than it should be? (layout.css.devPixelsPerPx)
That's a good possibility, FireFox has an annoying habit of zooming if the ctrl button gets stuck even temporarily, and it isn't always obvious it has happened.
On Wednesday 01 February 2017 14:49:16 Alice Wonder wrote:
On 02/01/2017 06:44 AM, Jonathan Billings wrote:
Any chance your browser is zoomed in? Or maybe you've told firefox that your DPI is higher than it should be? (layout.css.devPixelsPerPx)
That's a good possibility, FireFox has an annoying habit of zooming if the ctrl button gets stuck even temporarily, and it isn't always obvious it has happened.
I didn't make any changes to anything, other than run the 'yum update'.
I did read that round about version 30 Firefox started respecting the DPI, but that was years ago.
layout.css.devPixelsPerPx is currently set to
default string -1.0
Is this correct?
Firefox isn't zoomed in. If I do zoom in/out using <CTRL>+ or <ctrl>- then everything resizes together, and the buttons are still proportionally oversezed.
I've currently got Firefox 50.1.0 and FirefoxDeveloperEdition 53.0a2 and they both exhibit the same problem.
On 02/01/2017 08:32 AM, Gary Stainburn wrote:
A while back, after doing a yum update, a new version of Firefox was installed and since then, the contents of my pages don't fit any more because the buttons are now much bigger.
}}
which buttons? frame or web page?
On Thursday 02 February 2017 06:21:41 geo.inbox.ignored wrote:
On 02/01/2017 08:32 AM, Gary Stainburn wrote:
A while back, after doing a yum update, a new version of Firefox was installed and since then, the contents of my pages don't fit any more because the buttons are now much bigger.
}}
which buttons? frame or web page?
It appears to be any <input type=button> or <button> anywhere on the page, whether inside DIV's, Frames or not.
They're only slightly bigger than they should be but it's enough to break page layouts.
I've been doing some more reading and it appears that it's something to do with the default CSS for the web browser, as I don't have a "reset" section at the top of my CSS. Maybe that's my fault, but the bigger picutre question is "why does Firefox for Linux" show different to everyone else, including Firefox on any other platform?
On Thu, 2 Feb 2017, Gary Stainburn wrote:
It appears to be any <input type=button> or <button> anywhere on the page, whether inside DIV's, Frames or not.
They're only slightly bigger than they should be but it's enough to break page layouts.
I've been doing some more reading and it appears that it's something to do with the default CSS for the web browser, as I don't have a "reset" section at the top of my CSS. Maybe that's my fault, but the bigger picutre question is "why does Firefox for Linux" show different to everyone else, including Firefox on any other platform?
The safe bet is, it doesn't, and it's something unique to you/your profile/your firefox configuration. Have you got an example URL that you're saying obviously misrenders in firefox?
Does it still misbehave if you run firefox in safe mode with a new profile, say be doing: firefox --ProfileManager --safe-mode ?
jh
On Thursday 02 February 2017 10:22:19 John Hodrien wrote:
The safe bet is, it doesn't, and it's something unique to you/your profile/your firefox configuration. Have you got an example URL that you're saying obviously misrenders in firefox?
Does it still misbehave if you run firefox in safe mode with a new profile, say be doing: firefox --ProfileManager --safe-mode ?
jh
Most of the pages / sites that have issues are my own. Presumably this is because I don't include a CCS Reset Stylesheet so therefore rely on the browser defaults.
There have been other broken sites but I can't recollect any at the moment.
I'm guessnig at my problem arrises because for some reason at some point Firefox have changed a CSS default. Very frustrating as controlling the appearance of buttons through CSS to get exactly what you want seems very hard. I've managed to get the button looking right, but the text is wrong, or the text looks right but the button is wrong.
Many people seem to have gone down the route of having clickable DIV's or A's which from a purist point of view just seems wrong. A button should be a button, a link a link.
Mozilla probably (finally) made the adjustment for 2160 lines of resolution. LOTS of softwares need[ed] to tweak their interfaces to be usable on 4k displays.
On Thu, Feb 2, 2017 at 6:01 AM, Gary Stainburn gary@ringways.co.uk wrote:
On Thursday 02 February 2017 10:22:19 John Hodrien wrote:
The safe bet is, it doesn't, and it's something unique to you/your profile/your firefox configuration. Have you got an example URL that you're saying obviously misrenders in firefox?
Does it still misbehave if you run firefox in safe mode with a new
profile,
say be doing: firefox --ProfileManager --safe-mode ?
jh
Most of the pages / sites that have issues are my own. Presumably this is because I don't include a CCS Reset Stylesheet so therefore rely on the browser defaults.
There have been other broken sites but I can't recollect any at the moment.
I'm guessnig at my problem arrises because for some reason at some point Firefox have changed a CSS default. Very frustrating as controlling the appearance of buttons through CSS to get exactly what you want seems very hard. I've managed to get the button looking right, but the text is wrong, or the text looks right but the button is wrong.
Many people seem to have gone down the route of having clickable DIV's or A's which from a purist point of view just seems wrong. A button should be a button, a link a link. _______________________________________________ CentOS mailing list CentOS@centos.org https://lists.centos.org/mailman/listinfo/centos
I have found a drastic solution to the problem. The HDD in my development workstation has just died.
I'm half way through the install/config on a new HDD and have tested Firefox. The buttons are now appearing as the right size again.
A drastic but effective solution
-
Alice Wonder -
Always Learning -
Darr247 -
Gary Stainburn -
geo.inbox.ignored -
John Hodrien -
Jonathan Billings