Removing a Scrollbar

[seanchem]

Does anyone know where and how to remove a scrollbar that isn't needed. I just want it to show up when it would actually be useful. Thanks a lot.

http://forensicrodeo.com

[Connie]

you might compare first which browser shows this scrollbar and which browser does not

then, as a second step, you might do a web search for "css scrollbar browsername"

I am sure you will find a solution
it is not a problem of PP, it is a problem of browsers (I don't name names...)

[DerPatrick]

I think this html, body {

min-height:100.1%;

}
in your CSS File should be your problem.

I don't know what it should do there, just delete it and look what happens!

;)

[Joe[y]]

I think this html, body {

min-height:100.1%;

}
in your CSS File should be your problem.

I don't know what it should do there, just delete it and look what happens!

;)

sorry. i add that by default to my templates - it stops the template shifting if you have different size photos - which to be honest i bet annoys more people.

[DerPatrick]

Try this.


html, body {

overflow:hidden;
min-height:100.1%;

}


But don't know what you want, you say your browser with min-height:100.1%; that the window-content is bigger than the window but want the browser not to scroll the bigger content in the small window?

I don't know if there was anybody else who want do someting like this.

:confused:

[seanchem]

Thanks Joe[y] and DerPatrick.

I changed the css script (of the 'gray' template ONLY) to:

html, body{
overflow:auto;
min-height:100%
}

That seemed to fix the side scrollbar problem. However, for certain photos a bottom scrollbar shows up and blocks some of my top PP navigation bar (in IE). I was wonering if there was a fix for this one. Here is a link to one of the photos that does this: http://forensicrodeo.com/index.php?showimage=21

I have only changed the 'gray' template so you can compare it to the 'black' and 'white'. The sidebar is suppose to show up by default on 'black' and 'white', but I suppose it depends on your resolution settings for 'gray'. I have my monitor resolution set to 1280x1024.

Sorry for such a long post. Thanks for taking the time to read this.

[Joe[y]]

you shouldn't apply min-height 100 as i think it will probably confuse things - hence your problem with the horizontal bar in IE.

in firefox it all still seems identical - overfow auto won't hide the scrollbar - that's normal behaviour for a scrollbar 'hidden' will hide it.

i'm not sure i understand what you are doing but you'll probably freak out users with smaller resolutions if you hide scrollbars.

[Connie]

I tested with 800x600

in IE there is horizontal (which is not necessary) + vertical scrollbar (which is necessary)
in OPERA there is only vertical scrollbar (necessary
FIREFOX behaves the same like OPERA

[DerPatrick]

I have one quite simply solution for your problem:

1. use another Style
2. use smaller photos (max 400px high)

[codepoit]

I would get rid of the "overflow:auto;" line from your css. I'm viewing in firefox @ 1280x1024, the image is only 500px wide...and yet I see the horizontal scrollbar.

I have the same entry in my css, but without the overflow line and I don't have this problem...that's why I suggest to remove it and see if that helps...

[edit] Hmmm, in looking at your source code and viewing your site, it almost looks as if you have a frame sitting inside a frame that is causing this issue. I would examine your image_template code, or paste it here for someone to look at...

[seanchem]

I removed the overflow:auto line and changed the min-height back to 100.1% so the vertical bar is always there.

Connie: Thanks for checking at 800x600.

codepoit: I didn't use any frames, but I didnt put most everything in a table to get it to line up the way that I wanted it to because it's the only way I knew to do it. I'm not exactly the king of scripting if you couldn't tell. Thanks for your comments.

[codepoit]

well, site looks good now (again, viewing at 1280x1024 with Firefox) to me...no errant scrollbars to speak of.

You could try testing min-height 100% without the overflow and see if it's any better for you.

[seanchem]

codepoit: I changed it to 100% and it seems to be working well. Thanks.

[DerPatrick]

No one have said you should use "overflow:auto"
I've telled you to use "overflow:hidden" - please ask no more if you don't want to do what someone told you to do.