Buttons Too Big In Firefox For Linux

Home » CentOS » Buttons Too Big In Firefox For Linux
CentOS 13 Comments

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 or

13 thoughts on - Buttons Too Big In Firefox For Linux

  • 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.

  • 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 + or – 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.

  • It appears to be any or

  • 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.

  • 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

  • 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; }

  • 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.

LEAVE A COMMENT