1

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?

Improve this question

2 Answers 2

Reset to default
1

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)" ...

Solutions:

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

Improve this answer
6
  • 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, 2012 at 9:05
  • hm, yes. but each time users wants push more and more and more into :D
    – swift
    Jul 10, 2012 at 11:12
  • 1
    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, 2012 at 12:23
  • @Izzy : if you like you are free to edit answer, welcome. Rule 5 solution pretty nice instead 3.
    – swift
    Jul 10, 2012 at 12:49
  • 1
    6 Change zoom level. May be try "ctrl + 0" if you already changed.
    – Hilmi Erdem KEREN
    Jul 10, 2012 at 12:56
1

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.

Improve this answer

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .