View Full Version : Scroll bar - go away !
pillman
Feb-27-2009, 01:59 PM
Use this code in CSS to remove not needed scroll bar on home page:
html {
overflow: auto;
}
Now on gallery Fam-Only I have a vertical scroll bar which is not
needed.
How do I get rid of scroll bar on that page ???
pillman
Feb-27-2009, 04:16 PM
Bump
Andy
Feb-27-2009, 04:50 PM
Always helps to give a direct link:
http://www.wbaphotography.com/gallery/7392774_oEQXe#477210462_VFWd6
so we don't have to hunt for the gallery, thanks.
What scroll bar, I'm confused.
pillman
Feb-27-2009, 05:19 PM
SORRY I know better .
I'm viewing on IE7 & vertical
Scroll bar appears for no apparent reason .
( you must not be seeing )
CODE worked on home page & just
Asking to work on mentioned gallery.
Andy
Feb-27-2009, 05:35 PM
SORRY I know better .
I'm viewing on IE7 & vertical
Scroll bar appears for no apparent reason .
( you must not be seeing )
CODE worked on home page & just
Asking to work on mentioned gallery.
Well, there's a scroll bar cuz you have a lot of content, and the page is long. :dunno
pillman
Feb-27-2009, 05:41 PM
CONTENT - nav bar & slide show only-
So scroll bar exist because page is too long.
Allen helped me set this up so how to shorten
Length of page is the real question.
pillman
Feb-28-2009, 04:08 AM
Bump
Andy
Feb-28-2009, 04:13 AM
Bump
I don't have a scroll bar now, I'm sorry :(
pillman
Feb-28-2009, 09:08 AM
Ok but I do. How do I shorten page please ?
This gallery: http://www.wbaphotography.com/gallery/7392774_oEQXe#477210462_VFWd6
Thanks
richtersl
Feb-28-2009, 09:18 AM
It sounds like a monitor size and/or resolution issue. Andy may be looking at your site on a larger monitor or has his resolution set higher and that's why he's not seeing a scroll bar and you are.
I saw a scroll bar when I viewed your site. I use Firefox as my browser and I can zoom in or out on a web page. When I zoomed out, the scroll bar went away. When I went back to my original zoom, the scroll bar reappeared. :dunno
I don't know that there's anything you can do about it aside from changing the size of your slide show.
Your photos are gorgeous, BTW.
jfriend
Feb-28-2009, 09:22 AM
It sounds like a monitor size and/or resolution issue. Andy may be looking at your site on a larger monitor or has his resolution set higher and that's why he's not seeing a scroll bar and you are.
I saw a scroll bar when I viewed your site. I use Firefox as my browser and I can zoom in or out on a web page. When I zoomed out, the scroll bar went away. When I went back to my original zoom, the scroll bar reappeared. :dunno
I don't know that there's anything you can do about it aside from changing the size of your slide show.
Your photos are gorgeous, BTW.
The scrollbar I saw was visible in IE7 when it was clearly not needed in this page (http://www.wbaphotography.com/gallery/7392774_oEQXe#477210462_VFWd6). It only happened in IE. Even looking at the page in IE's developer tools, there appeared to be no page object extending down far enough to cause a scrollbar, yet it was there. I could eventually make the scrollbar go away by making the window more than twice as large as the content. But, something is clearly wrong either with IE or with the page (I'm not sure which). In any case, I couldn't figure out what was causing it.
denisegoldberg
Feb-28-2009, 09:32 AM
The scrollbar I saw was visible in IE7 when it was clearly not needed in this page (http://www.wbaphotography.com/gallery/7392774_oEQXe#477210462_VFWd6). It only happened in IE. Even looking at the page in IE's developer tools, there appeared to be no page object extending down far enough to cause a scrollbar, yet it was there. I could eventually make the scrollbar go away by making the window more than twice as large as the content. But, something is clearly wrong either with IE or with the page (I'm not sure which). In any case, I couldn't figure out what was causing it.
I see the same behavior in both IE7 and Firefox.
There is something called PSDSlidecontainer that is showing with a height of 1010px. The CSS contains an entry for that div twice, but neither shows a height. There are also multiple references to #PSDslideshow for the problem gallery, but the second one essentially replaces the value specified in the first. The use of large negative values for positioning the slideshow seems like it could be problematic though.
.gallery_7392774 #PSDslideshow {
left: 70px;
}
.gallery_7392774 #albumDescription {
height: 520px;
}
.gallery_7392774 #PSDslideshow {
position: relative;
margin: 0 auto:
width: 775px;
top: -503px;
left: -5px;
z-index: 99;
}
I highly recommend cleaning up the CSS as a first step. At least get rid of the duplicate entries to avoid confusion.
--- Denise
pillman
Feb-28-2009, 01:05 PM
Sorry and thanks to all, I thought a little problem. This code removed the same from Home page -html {
overflow: auto;}
So is Allen around as he set this page up earlier in week could
possibly answer the size and dup questions.
The goal of this page was to have a password protected slideshow.
Most said it could not be done yet he made it happen. So can you
get this to Allen and see what he thinks. All works and looks fine just
thought it would be easy to remove that bar. Not sure at all why that
page is soooo long..
Thanks and hope to hear from Allen or anyone with a correction !
pillman
Feb-28-2009, 02:12 PM
Have discovered why Im seeing scroll bar..
This slideshow was set up in descripiton of gallery. When viewing gallery
as OWNER I see the slideshow up top (description area) and the gallery with pics for show
below as one would expect. Now the CUSTOMER just sees the slideshow.
Everything else is blacked out below. Therefore, reason for long page !
Not sure this can be corrected. Ideas appreciated.....
jfriend
Feb-28-2009, 03:49 PM
Have discovered why Im seeing scroll bar..
This slideshow was set up in descripiton of gallery. When viewing gallery
as OWNER I see the slideshow up top (description area) and the gallery with pics for show
below as one would expect. Now the CUSTOMER just sees the slideshow.
Everything else is blacked out below. Therefore, reason for long page !
Not sure this can be corrected. Ideas appreciated.....
I see the problem. Rather than use proper positioning to place the slideshow inside the frame, the slideshow is actually way below the frame and then you use negative positioning to bring it back up into place. As far as the scroll bar is concerned, it's rightful place is below the frame, thus you get the scroll bar. This is yet another example of why large negative positioning is usually a hack and usually not the right way to do things in CSS. I can probably figure out the right way to do this in a little bit.
jfriend
Feb-28-2009, 03:56 PM
I see the problem. Rather than use proper positioning to place the slideshow inside the frame, the slideshow is actually way below the frame and then you use negative positioning to bring it back up into place. As far as the scroll bar is concerned, it's rightful place is below the frame, thus you get the scroll bar. This is yet another example of why large negative positioning is usually a hack and usually not the right way to do things in CSS. I can probably figure out the right way to do this in a little bit.
OK, here's how to fix it. Replace all of this CSS at the end of your CSS:
.gallery_7392774 #PSDFrame {
display: block;
}
.gallery_7392774 #PSDslideshow {
left: 70px;
}
.gallery_7392774 #albumDescription {
height: 520px;
}
.gallery_7392774 #PSDslideshow {
position: relative;
margin: 0 auto:
width: 775px;
top: -503px;
left: -5px;
z-index: 99;
}
#bioBox .boxBottom {
background: none !important;
border: none !important;
}
#bioBox .boxBottom,
#bioBox {background: none;}
}
.homepage #myFooter {display: none;}
.galleries #myFooter {display: block;}
.gallery_7392774 #my_header {
margin-bottom: 25px;
}
with this:
.gallery_7392774 #PSDSlidecontainer {
position:relative;
width: 775px;
margin-top: 20px;
}
.gallery_7392774 #PSDFrame {
display: block;
position: absolute;
text-align: center;
}
.gallery_7392774 #PSDslideshow {
position: relative;
top: 17px;
margin: 0 auto:
width: 775px;
z-index: 99;
}
#bioBox .boxBottom {
background: none !important;
border: none !important;
}
#bioBox .boxBottom,
#bioBox {background: none;}
}
.homepage #myFooter {display: none;}
.galleries #myFooter {display: block;}
pillman
Feb-28-2009, 03:58 PM
Awesome:
I just used frame for homepage and sized all pics the same to
fit within frame as I did for the homepage which resides in bio..
Allen helped with this particular show as noted above.
Will wait your help..Thanks for your time..
jfriend
Feb-28-2009, 04:05 PM
Awesome:
I just used frame for homepage and sized all pics the same to
fit within frame as I did for the homepage which resides in bio..
Allen helped with this particular show as noted above.
Will wait your help..Thanks for your time..
Answer already posted above.
pillman
Feb-28-2009, 04:35 PM
You are the man.. So many have tried... Works perfectly...
No scroll and lines up on page perfectly..
You guys make being a member awesome..
Thanks again..
vBulletin® v3.8.5, Copyright ©2000-2012, Jelsoft Enterprises Ltd.