What you can do if a web page does not fit the browser window

Martin Brinkmann
Mar 10, 2014
Updated • Mar 10, 2014
Internet
|
5

Some websites and pages that I visit throughout the day are broken if I load them in a browser window that is half the total screen size of the monitor. I use a 1920x1200 monitor and tend to display two browser windows side by side.

A prime example of this is the WordPress Plugin directory. When I open it, I see the left sidebar but no main content at all. The whole content area is blank, and I have to scroll down to find it below the fold.

A tiny bit of resizing to increase the window width does the trick and the content is displayed in its correct location.

That's annoying, as resizing the window means that it overlaps the second browser window.

It is not the only website or web page that is broken though. When I open the web brokerage site Flippa in Firefox for example, I only see the refine your search sidebar menu above the fold.

For some reason, it is displayed in full width here, and the actual websites are displayed below the fold as a consequence. Now, this appears to be a issue only in Firefox and not in Google Chrome, as the layout works fine in Google's browser.

flippa

flippa ok

I first thought that I had somehow changed the page zoom on those pages, but that turned out not to be the case. I moved Firefox's Page Zoom widget to the toolbar and it displayed a zoom level of 100% for each of them.

Fixing the problem

Here are a couple of suggestions that allow you to fix those display issues without changing the size of the browser window.

1. Change the Page Zoom level

This is without doubt the easiest option. All you have to do is hold down the Ctrl-key on your keyboard and move the mouse wheel up or down to change the zoom level of your browser.

All modern browsers apply the level only to the domain you are on, and not to other domains and sites that you open.

A single flick down is usually enough to display the page just fine in your browser of choice.

Note that contents will display smaller as a consequence.

2. Extensions

Firefox users can install the excellent Zoom Page extension which ships with a "fit to page" option that you can make use of to fit any page to the browser window in just one click.

To use it, simply hold down the Shift-key on your keyboard and click on the icon the add-on places in one of the browser toolbars.

Chrome users can use the Zoomy extension instead which changes the zoom level based on the size of the browser window and resolution.

3. Fix the CSS

You can make permanent changes to most websites with the help of the browser extension Stylish or comparable add-ons.

The issue is elegant, as it won't change the text font size. The downside is that you need to know CSS to make use of it.

custom style

To fix the WordPress Plugin Directory site in Firefox for instance, you would do the following:

  1. Install Stylish.
  2. Open the WordPress Plugin Directory and hit F12 to open Firefox's Developer Tools window.
  3. Either go through the code manually, or use the Inspector to click on the element that is not displayed properly. In the case of this site, it is the main body area. (click on the "Pick an element from this page" button in the Developer Tools window for this.
  4. You will find .col-10 eventually which has a size of 772px. If you change the value to 720px, you will notice that the page displays fine now.
  5. Now that you know what to change, click on the Stylish icon and select Write New Style --> For WordPress.org.
  6. Here you simply copy the style information and save the new style afterwards.

The changes are applied to the web page whenever you load it for as long as you keep Stylish installed and the new style loaded.

Stylish is also available for Google Chrome.

Advertisement

Tutorials & Tips


Previous Post: «
Next Post: «

Comments

  1. ilev said on August 4, 2012 at 7:53 pm
    Reply

    Doesn’t Windows 8 know that www. or http:// are passe ?

    1. Martin Brinkmann said on August 4, 2012 at 7:57 pm
      Reply

      Well it is a bit difficulty to distinguish between name.com domains and files for instance.

    2. Leonidas Burton said on September 4, 2023 at 4:51 am
      Reply

      I know a service made by google that is similar to Google bookmarks.
      http://www.google.com/saved

  2. VioletMoon said on August 16, 2023 at 5:26 pm
    Reply

    @Ashwin–Thankful you delighted my comment; who knows how many “gamers” would have disagreed!

  3. Karl said on August 17, 2023 at 10:36 pm
    Reply

    @Martin

    The comments section under this very article (3 comments) is identical to the comments section found under the following article:
    https://www.ghacks.net/2023/08/15/netflix-is-testing-game-streaming-on-tvs-and-computers/

    Not sure what the issue is, but have seen this issue under some other articles recently but did not report it back then.

  4. Anonymous said on August 25, 2023 at 11:44 am
    Reply

    Omg a badge!!!
    Some tangible reward lmao.

    It sucks that redditors are going to love the fuck out of it too.

  5. Scroogled said on August 25, 2023 at 10:57 pm
    Reply

    With the cloud, there is no such thing as unlimited storage or privacy. Stop relying on these tech scums. Purchase your own hardware and develop your own solutions.

    1. lollmaoeven said on August 27, 2023 at 6:24 am
      Reply

      This is a certified reddit cringe moment. Hilarious how the article’s author tries to dress it up like it’s anything more than a png for doing the reddit corporation’s moderation work for free (or for bribes from companies and political groups)

  6. El Duderino said on August 25, 2023 at 11:14 pm
    Reply

    Almost al unlmited services have a real limit.

    And this comment is written on the dropbox article from August 25, 2023.

  7. John G. said on August 26, 2023 at 1:29 am
    Reply

    First comment > @ilev said on August 4, 2012 at 7:53 pm

    For the God’s sake, fix the comments soon please! :[

  8. Kalmly said on August 26, 2023 at 4:42 pm
    Reply

    Yes. Please. Fix the comments.

  9. Kim Schmidt said on September 3, 2023 at 3:42 pm
    Reply

    With Google Chrome, it’s only been 1,500 for some time now.

    Anyone who wants to force me in such a way into buying something that I can get elsewhere for free will certainly never see a single dime from my side. I don’t even know how stupid their marketing department is to impose these limits on users instead of offering a valuable product to the paying faction. But they don’t. Even if you pay, you get something that is also available for free elsewhere.

    The algorithm has also become less and less savvy in terms of e.g. English/German translations. It used to be that the bot could sort of sense what you were trying to say and put it into different colloquialisms, which was even fun because it was like, “I know what you’re trying to say here, how about…” Now it’s in parts too stupid to translate the simplest sentences correctly, and the suggestions it makes are at times as moronic as those made by Google Translations.

    If this is a deep-learning AI that learns from users’ translations and the phrases they choose most often – which, by the way, is a valuable, moneys worthwhile contribution of every free user to this project: They invest their time and texts, thereby providing the necessary data for the AI to do the thing as nicely as they brag about it in the first place – alas, the more unprofessional users discovered the translator, the worse the language of this deep-learning bot has become, the greater the aggregate of linguistically illiterate users has become, and the worse the language of this deep-learning bot has become, as it now learns the drivel of every Tom, Dick and Harry out there, which is why I now get their Mickey Mouse language as suggestions: the inane language of people who can barely spell the alphabet, it seems.

    And as a thank you for our time and effort in helping them and their AI learn, they’ve lowered the limit from what was once 5,000 to now 1,500…? A big “fuck off” from here for that! Not a brass farthing from me for this attitude and behaviour, not in a hundred years.

Leave a Reply

Check the box to consent to your data being stored in line with the guidelines set out in our privacy policy

We love comments and welcome thoughtful and civilized discussion. Rudeness and personal attacks will not be tolerated. Please stay on-topic.
Please note that your comment may not appear immediately after you post it.