homepage Welcome to WebmasterWorld Guest from 54.234.217.88
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Browsers / Opera Browser Usage and Support
Forum Library, Charter, Moderator: open

Opera Browser Usage and Support Forum

    
Site shifts on long pages in opera and mozilla
lack of scrollbar shifts the positioning
rsart




msg:1585484
 7:39 pm on May 2, 2004 (gmt 0)

I'm sure people have noticed this before.

I created a site this morning, and put it online. I checked it in IE6, Mozilla and Opera and ironed out the kinks.

I thought I had a CSS problem, but now I think its the browsers and how they display pages.

When I look at the site in Mozilla or Opera and flip between a short page with no vertical scroll bar and a longer page that does have a scroll bar I get a noticable shift in the page.

I realised that it was that IE always has a vertical scroll bar on the browsers, and the others only when it is required.

So, is there any way to prevent this, short of making all my pages either short or long?

 

encyclo




msg:1585485
 10:46 pm on May 2, 2004 (gmt 0)

It can be quite frustrating to have this effect in Mozilla / Opera, but it is difficult to avoid. There is a way to force a scrollbar in all browsers, but it's a massive hack - up to you whether you think it's appropriate in your case.

Firstly, to the HTML, you add:

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

Then in your CSS file, you add:

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

This has the effect of placing the scroll div just under the bottom of the page, thus forcing the scrollbar in all browsers.

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