homepage Welcome to WebmasterWorld Guest from 54.211.164.132
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Visit PubCon.com
Home / Forums Index / Browsers / Opera Browser Usage and Support
Forum Library, Charter, Moderator: open

Opera Browser Usage and Support Forum

    
Forcing Browser to have right scrollbar
Firefox, Netscape, Opera....
limbo




msg:1583746
 4:35 pm on Feb 23, 2005 (gmt 0)

The one thing that bugs me a little about modern browsers is when a page is centred and the content drops either side of the 'fold' on different sized pages, the scroll bar appears and reappears jogging the pages 10px left and right. Makes the page look like it has design bugs. Is there a way to force the browser to display the right scroller?

Cheers, Limbo

>> edited for typos (title should say right scroller!)

 

encyclo




msg:1583747
 4:48 pm on Feb 23, 2005 (gmt 0)

OK, ugly hack alert!

To force a scrollbar, you need to use absolute positioning to place a div just below the bottom of the viewing area. So we do this:

CSS:

#scroll {
position:absolute;
top:0;
bottom:-0.1px;
width:1em;
z-index:-1;
}

And (X)HTML:

<div id="scroll"></div>

Let's not mention semantics, shall we! ;)

limbo




msg:1583748
 7:07 pm on Feb 23, 2005 (gmt 0)

Yeah that's what we call hacking, chop socky with divs, I'll give it whirl.

Ta

electricocean




msg:1583749
 6:34 am on Feb 24, 2005 (gmt 0)

Are you trying to make the scroll bar on the right and not the left?

I tried that css code along with the xhtml and it didn't do anything...

electricocean

BlobFisk




msg:1583750
 9:54 am on Feb 24, 2005 (gmt 0)

electricocean, we are talking about a right scrollbar here! And I think that limbo is looking for it to be on the browser as oppossed to a
<div>

limbo, if you are happy that the entire page has a scrollbar, which I think you were saying in your post, why not just try:


html {
overflow: scroll;
}

This should force the browser to always display a scrollbar... One problem with this is that you will get a scrollbar area (faded) horizontally along the bottom too which may not look very good.

To combat this you could use overflow-y instead but you won't get much cross browser support for this one.

HTH

[edited by: BlobFisk at 9:59 am (utc) on Feb. 24, 2005]

limbo




msg:1583751
 9:55 am on Feb 24, 2005 (gmt 0)

Implemented this morning. Thanks, my design head can rest assured of browsing tranquility. Of course my coding head will know it's there, which will cause me some discomfort, but the fluidising effect it has had outwieghs the knowledge it aint' semantically correct :)

/** added -- cor Blob you posted within a second of me replying to Encyclo! I think that might be a more elegant method too **/

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Browsers / Opera Browser Usage and Support
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved