My website is:
http://ryan.kitlitz.com
I noticed that for some of the pages on my website (cover page,
programming, and contact), there is not enough content for the vertical
scrollbars to become visible. For the other 2 pages, the vertical
scrollbar becomes visible. This produces a horizontal 'shift' by the
width of the scrollbar on those 2 pages, and it's pretty noticable when
tabbing between the pages on my website.
Is there a way to keep the scrollbars always visible, or a CSS property
to always display a scrollbar?
--
Ryan Kitlitz
http://ryan.kitlitz.com - portfolio
http://breadstick.cyntaks.com - personal
Use the following in your stylesheet
body
{
overflow: -moz-scrollbars-vertical;
}
Don't know how IE (or other browsers) react to this, so maybe you need
to use some browser sniffing to include this rule only for Gecko based
browsers (Mozilla Suite, Firefox, Netscape, Camino, etc).
See also
<http://www.xulplanet.com/references/elemref/ref_StyleProperties.html>
--
Regards,
Roland de Ruiter
` ___ ___
`/__/ w_/ /__/
/ \ /_/ / \
Hi
Another suggestion would be to add space (carriage returns) to the
bottom of the site to push the content past the first page so that
firefox generates the scroll bar
Joseph