Shifty Scrollbars

[dakwegmo+]

One nit to pick, and it's something I see in a lot of templates. When I click info & comments the image shifts down revealing the comments underneath. The problem I have is that in shifting the visible layer down, the page is suddenly longer than the display window, and FF adds a scroll bar on the right. This has the effect of causing the sliding layer to shift to the left slightly, which makes the transition awkward. IE doesn't have this problem, since it always displays the vertical scroll bar. Just a thought, but it would be a good idea to add a CSS rule to force the vertical scrollbar in FF and other browsers.

[kevincrafts]

That's a good idea - I hadn't thought of that and I don't really like that bounce either. If anyone is interested, the css is:

html {
overflow-y: scroll;
}

Originally Posted by dakwegmo

Very nice.

One nit to pick, and it's something I see in a lot of templates. When I click info & comments the image shifts down revealing the comments underneath. The problem I have is that in shifting the visible layer down, the page is suddenly longer than the display window, and FF adds a scroll bar on the right. This has the effect of causing the sliding layer to shift to the left slightly, which makes the transition awkward. IE doesn't have this problem, since it always displays the vertical scroll bar. Just a thought, but it would be a good idea to add a CSS rule to force the vertical scrollbar in FF and other browsers.

[fredxeric]

Originally Posted by kevincrafts

That's a good idea - I hadn't thought of that and I don't really like that bounce either. If anyone is interested, the css is:

html {
overflow-y: scroll;
}

I will use it for sure in my template... great

also I think that this can be done too:

html {
height: 100.1%;
}

but not 100% sure...

[dakwegmo+]

100.1% doesn't work in some browsers that don't recognize decimals in height definitions. It also, enables the scroll bar, making it possible to scroll a few pixels even when the content doesn't fill up the page. This may or may not be an issue.