Ask Ubuntu is a question and answer site for Ubuntu users and developers. It's 100% free.

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

It does get annoying sometimes. Chromium has to make a bottom scroll bar for pages because the web pages are configured for the whole screen, and all because of the side application launcher bar. Anyway to stop this?

share|improve this question
up vote 1 down vote accepted

Incorrect. More right is "Chromium has to make bottom scrollbar because web pages has tuned for bigger size than current size of monitor (or window)" ...


0 You can use System Settings > Apperance ( 12.04 ) to adjust Unity to hide sidebar. Read this question: How can I configure Unity's launcher auto-hide behavior?

1 Using wider monitor.
2 Disabling any sidebars.
3 Use special userstyles to override site styles (width:100% !important ) * Thanks for @Izzy
4 Change zoom level. Ctrl+MouseWheel to zoom/out. Ctrl+0 to reset.* Thanks for @erdemkeren

share|improve this answer
4 notify web site admin to adjust/change the design. Guess I'm not the only one with the opinion fixed-size width for the entire page are problematic (elements like images are a different case). There are still users out there using monitors smaller than 22" :) – Izzy Jul 10 '12 at 9:05
hm, yes. but each time users wants push more and more and more into :D – swift Jul 10 '12 at 11:12
5 Use special userstyles to override site styles. That's what I do for several Amazon sites; e.g. their partnernet pages sometimes also have an absolute fixed width, which I simply replace by ...width:100% !important -- and with that they fit perfectly :) – Izzy Jul 10 '12 at 12:23
@Izzy : if you like you are free to edit answer, welcome. Rule 5 solution pretty nice instead 3. – swift Jul 10 '12 at 12:49
6 Change zoom level. May be try "ctrl + 0" if you already changed. – Hilmi Erdem KEREN Jul 10 '12 at 12:56

Depending on the browser used, suitable user-styles might provide a solution. For Firefox, there is the Stylish addon for this issue, which I am familar with (I do not use Chromium). On the other hand it looks like there's a Stylish for Chromium available as well.

so how does that help you here? You first need to identify the "over-sized" element on the page. In many cases, this is a div element with the id "content" (<DIV ID="content" ...>), with a corresponding style saying something like div#content { width:1234px ... }. Using Stylish, you can override this setting, in my example this could be done by a user-style containing div#content { width:100% !important; } (the "important" meaning: override existing rule). With this relative value, that element now should always exactly fit into the window -- however, there may be more elements you need to adjust.

Before starting to play around yourself -- especially if you are not that used to HTML/CSS -- you could check at UserStyles.ORG whether somebody else already did that job. You will find a lot of interesting snippets there.

Alternatively / Additionally, it's worth taking a look at UserScripts.ORG as well. Instead of CSS (Cascading Style Sheets) they use JavaScript, which is "injected" into the pages at runtime. For Firefox this is done via Extensions like GreaseMonkey or Scriptish -- as far as I know this functionality is built-in with Opera and Chrome, not sure about Chromium. Due to JavaScript usage, this way it is possible to manipulate the entire DOM-tree: add/delete/move elements, and more.

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.