Make browsing pages more consistent

[mail@…]

It often annoys me that pages within a web application shift when I move from a short page to a longer page, due to the appearing of the scrollbar. Adding a few lines to the CSS always makes sure the scrollbar is there, making the browsing feel more consistent.

html {

min-height: 100%; margin-bottom: 1px;

}

[mail@…]

Use the right email-address…

[Juanma Barranquero]

In Firefox, a 1px bottom margin makes non-full-width pages scrolleable, which is not nice.

Using a smaller amount, 0.01em for example, the scrollbar is visible and the page cannot be scrolled, which is the intended effect after all. Pity that there's no way (that I know of) to make the scrollbar be visible but disabled, as it does on IE/Win…

[Mark Rowe]

I'm not convinced that this is a good idea, and that it should be included in default Trac installations. It is easily added to a custom site_css.cs if you feel that it is desirable for your own Trac installation.

[Manuzhai]

Why would this not be a good idea?

[Mark Rowe]

In my opinion it is up to the browser to determine when the scrollbar is to be displayed. Having a scrollbar visible and enabled but not scrollable is bad. That is why many browsers choose to hide the scrollbar. If you would rather that the scrollbar remained visible in those circumstances I would suggest that you take it up with the developers of the browser.

[Christopher Lenz]

Agree with mrowe. If you want this for your Trac deployment, just add the CSS there.

[gigaloom]

Thank you so much!!!!!!!!! It has been a great annoyance to me too when the pages shift because of the scrollbar. I think this is an EXCELLENT solution.

[colemanc@…]

Juse add this code to your style sheet:

body { overflow-y: scroll; }

That will display the vertical scroll bar regardless of whether or not your page extends beyond the viewable window. The other option (that I have not tried) would be to detect the browser and applying "padding-right: 14px;" to the html body. You can play with that number - that's just a guess.

I would much prefer a disabled scroll bar than a page that constantly jumps from right to left. I think this is a cleaner solution than the one proposed earlier (with the "min-height" setting).

[Manuzhai]

Replying to colemanc@colemanesolutions.com:

I would much prefer a disabled scroll bar than a page that constantly jumps from right to left. I think this is a cleaner solution than the one proposed earlier (with the "min-height" setting).

I would agree, but that doesn't work in IE 6. My solution does.