FireFox Pixel shifting left - Scroll Bar

sadicus · #1 01 February 2010, 10:45 PM

When using * maximize screen mode, FireFox is Pixel shifting the website to the left. due to the Scroll bar opening on some pages

Is there a way to set up the page so it won't react this way?

* (please note: maximize screen mode is not the same as F11 full screen)

sledger · #2 01 February 2010, 10:55 PM

This is really a browser question and not a Xara software one.

There is no way you can prevent scroll bars appearing on any normal site because it is 100% dependent on the visitors screen resolution and/or preference for a maximised window or not.

The only way to prevent scroll bars shifting your page contents is to disable them via javascript, which may make some of your page unreachable by some visitors.

Drwyd · #3 02 February 2010, 12:06 AM

Would forcing the scrollbar help ?

I think this version works in the 5 major browsers

jimhanus · #4 02 February 2010, 12:19 AM

I use a placeholder named <head> with the text below, then have it repeat on all pages:

<style type="text/css">
html { min-height: 101%; } </style>

This makes a vertical scroll bar whether it's needed or not. I like it because it works for me and is simple. Your results may vary

Jim

sledger · #5 02 February 2010, 12:33 AM

Both the same solutions to draw scroll bars regardless, good workaround

Note that IE6/7/8 doesn't really need this, it always draws the scrollbar *area* regardless whether the handle is needed or not.
You can see this in the Xara web preview window.

Drwyd · #6 02 February 2010, 12:36 AM

Thats the code I use :-) It seems to be the only reliable (simple) method since FF3.6 - 100% height plus an additional pixel for the bottom margin seemed to work fine till then

Drwyd · #7 02 February 2010, 01:02 AM

This seems to work better on current versions of browsers, There is no vertical scrolling movement on the shorter pages and the drag bar itself itself is also missing, which looks cleaner. I have not tested it on older versions though.

The code is:-

<style type="text/css">
html { overflow-y: scroll; }
</style>

sadicus · #8 02 February 2010, 01:32 AM

That is a good workaround! thank you.

sadicus · #9 02 February 2010, 02:48 PM

This text is over the yellow placeholder and I'm not sure if it's part of the code needed to make the Force Scroll Bar work. It has place holder code associated with it.

The text: "Force Scroll Bar
Placeholder positioned off page and named <head>
Contains style code.
Can be set to repeat."

has this code:
<style type="text/css">
html {
min-height: 100.5%;
margin-bottom: 1px;
}
</style>

The Placeholder has this code:
<style type="text/css">
html { overflow-y: scroll; }
</style>

1) Are both codes needed? (the code associated with the text, and the placeholder ) or only the placeholder code?

2) Does the placeholder need to overlap the page a little bit?
(like when using tweak tools)

Drwyd · #10 02 February 2010, 04:07 PM

Hi Sadicus

The text over the placeholder is for instruction only and has no effect on the operation of the code.

The first version of the code is one that I have used for a while and seems to work well for multiple browsers and versions thereof.

The second one is a much tidier solution but I have not tested it in anything other than the current versions of the main browsers.

Only one method is needed and the placeholder needs to be off page. As I understand it a placeholder positioned on the page will include the code in the <body> section of the page code instead of the <head> section although naming it <head> may override this.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Fake scroll bar	johne53	Web Designer / Xtreme / Designer Pro	3	26 April 2009 07:13 PM
Scroll Bar in Popup Layer	StevenWWinters	Web Designer / Xtreme / Designer Pro	1	20 March 2009 01:47 PM
Colour line scroll bar handle	sledger	Dear Xara..	2	23 January 2009 08:01 AM
Code Slinger John R: IE Scroll bar colour?	Egg Bramhill	Off-Topic Chat	7	18 October 2004 09:33 AM
Draggable Scroll Bar	Stinger	Macromedia Flash	1	23 August 2000 12:03 AM