Ubuntu: How to make browsers re-adjust web pages because of the sidebar?


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?


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


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.

Note:If u also have question or solution just comment us below or mail us on toontricks1994@gmail.com
Next Post »