Some of my pages on my site seem to have extra height and are causing the scroll bar on the right to appear. How do I get rid of that?

On the new HTML5 slideshows...
http://www.bhockensmith.com/

And then on some gallery pages...
http://www.bhockensmith.com/Events/2...ton-12-09-2010

For the slideshow, add this CSS:

body.homepage, #homepage,
#bioBox, #bioBox .boxBottom,
#userBio {margin-bottom: 0; padding-bottom: 0;}

Thanks, that worked for the homepage slideshow.

How about this slideshow...

www.bhockensmith.com/portfolio/events

Originally Posted by jfriend For the slideshow, add this CSS: body.homepage, #homepage, #bioBox, #bioBox .boxBottom, #userBio {margin-bottom: 0; padding-bottom: 0;}

Originally Posted by bhockensmith Thanks, that worked for the homepage slideshow. How about this slideshow... www.bhockensmith.com/portfolio/events

Add this CSS for that particular page:

body.gallery_7096843 {margin-bottom: 0;}

or maybe add this generic CSS for all pages so you don't have to do this for each page:

body {margin-bottom: 0;}

For reasons I don't understand, Smugmug has a default bottom margin on the body tag of all pages of 20px.

Thanks! This one worked on my gallery-page slideshows......... body {margin-bottom: 0;}

But how do I go about removing the bottom margin on my actual gallery pages, like this one:
http://www.bhockensmith.com/Events/2010/GeorgeClinton-12-09-2010/

Originally Posted by bhockensmith Thanks! This one worked on my gallery-page slideshows......... body {margin-bottom: 0;} But how do I go about removing the bottom margin on my actual gallery pages, like this one: http://www.bhockensmith.com/Events/2010/GeorgeClinton-12-09-2010/

I really have no idea why Smugmug is doing what they're doing. They have lots of extra padding that almost guarantees a scrollbar when the browser window is close to the size of the gallery. Disclaimer: I don't know why Smugmug doing this extra spacing so I don't know whether it's safe to get rid of it. Try this at your own risk:

To eliminate the gobs of extra space at the bottom of the gallery view add this:
#smugmug, #smugmug #photos {padding-bottom: 0; margin-bottom: 0;}

If you really want to squeeze everything out and you NEVER have captions or keywords to display, then you can add this too:
#caption_bottom, #imageInfo {display: none !important;}

That seems to have no effect on my site. I added that line to the end of my CSS.

Originally Posted by jfriend I really have no idea why Smugmug is doing what they're doing. They have lots of extra padding that almost guarantees a scrollbar when the browser window is close to the size of the gallery. Disclaimer: I don't know why Smugmug doing this extra spacing so I don't know whether it's safe to get rid of it. Try this at your own risk: To eliminate the gobs of extra space at the bottom of the gallery view add this: #smugmug, #smugmug #photos {padding-bottom: 0; margin-bottom: 0;} If you really want to squeeze everything out and you NEVER have captions or keywords to display, then you can add this too: #caption_bottom, #imageInfo {display: none !important;}

Originally Posted by bhockensmith That seems to have no effect on my site. I added that line to the end of my CSS.

It does have an effect. The scroll bar disappears sooner than without it as you make the window smaller. You'd have to add the second line of CSS if you want the scroll bar to be gone until the window hits the bottom of the photos because Smugmug does not optimize their gallery display to minimize scrollbars - probably because they don't want a scrollbar to come and go as you browser through images some with captions, some without so they reserve space for a caption regardless.

I added the addtional line, and the scroll bar still does not go completely away on the gallery pages. Is that what you meant? I agree it goes away sooner, but not completely.

Originally Posted by jfriend It does have an effect. The scroll bar disappears sooner than without it as you make the window smaller. You'd have to add the second line of CSS if you want the scroll bar to be gone until the window hits the bottom of the photos because Smugmug does not optimize their gallery display to minimize scrollbars - probably because they don't want a scrollbar to come and go as you browser through images some with captions, some without so they reserve space for a caption regardless.

Well, I had to undo the line about the captions. I realized it removed alot of text in some galleries. Oh well. Guess we're stuck with scroll bars.

Originally Posted by bhockensmith I added the addtional line, and the scroll bar still does not go completely away on the gallery pages. Is that what you meant? I agree it goes away sooner, but not completely.

Originally Posted by bhockensmith Well, I had to undo the line about the captions. I realized it removed alot of text in some galleries. Oh well. Guess we're stuck with scroll bars.

The scrollbar only goes away when the browser window is larger than the space Smugmug reserves for the gallery. Smugmug does not try to fit the gallery into a window with no scrollbar. They try to make the main image visible without requiring scrolling, but they do not try to make everything below the main image visible without scrolling and they do not try to clean up extra space they aren't using so that the scrollbar goes away. I think they generally assume there's a scrollbar because usually their footer is showing and that nearly always causes a scrollbar in gallery pages. No-Scrollbar is simply not something Smugmug optimized for.

Somewhat related I think. I have a horizontal scroll bar on my screen that I would like to remove. It doesn't move much, but enough to be there. Real new here, is there some easy copy and paste code. Thanks

http://cecilwhitt.smugmug.com/

Originally Posted by cecilwhitt Somewhat related I think. I have a horizontal scroll bar on my screen that I would like to remove. It doesn't move much, but enough to be there. Real new here, is there some easy copy and paste code. Thanks http://cecilwhitt.smugmug.com/

It looks like you have a 1280 px wide banner image. Any browser window less wide than that is going to show a horiz scroll bar. I'd suggest keeping your banner less than 1000px. Even safer is 900px. Not related at all to this thread - better to post in your own new thread next time unless you're sure it's the same issue.