| Author |
 Topic  |
|
|
jtarin
Super User
Russia
444 Posts |
 Posted - 22 Aug 2010 : 13:05:02
|
Got a problem not seemingly solved as I've not run against it before when it hasn't been fixable.
When making a page transition (link) from my index page to any page that I have a (major size)text box constructed in, the page seems to shift to the left about 10px and upon going back it is the reverse...of course. I have checked positioning of all duplicate elements and they coincide. The only difference between the two would be text box size and font, but I have removed the large text box entirely and there is still a shift. Probably something obvious. Pages are centered and background is no scroll repeat. |
Porky
www.pacificwavetour.com |
Edited by - jtarin on 22 Aug 2010 13:08:52 |
|
|
2hats
Practical
36 Posts |
Posted - 22 Aug 2010 : 23:03:01
|
| Check for browser vertical scrollbar on right of screen for page that shifts left. |
 |
|
|
jtarin
Super User
Russia
444 Posts |
Posted - 22 Aug 2010 : 23:39:14
|
| That's what I didn't remember....thanks. Had that problem many moons ago and forgot the solution. |
Porky
www.pacificwavetour.com |
|
|
|
s.dav
Site Admin
Italy
3364 Posts |
Posted - 23 Aug 2010 : 09:05:55
|
The next version will have an option to fix this problem ;-)
The tip is to make the scrollbar always visible. |
Regards, Davide |
|
|
|
jtarin
Super User
Russia
444 Posts |
Posted - 24 Aug 2010 : 04:41:51
|
| Thanks Davide...I remember using that fix on an old site I made with version 2, I believe. There was another solution where with a script I seem to remember, but I've lost that somewhere along the way. :) |
Porky
www.pacificwavetour.com |
|
|
|
jtarin
Super User
Russia
444 Posts |
Posted - 25 Aug 2010 : 00:51:16
|
| OK....I have it set up like I want but one thing I would like to change. The scrollbar is to the exact edge of the textbox and up against the endline of text. I would like to have a space there. Is there an easier way to do it than editing each line and placing "." as a spacer and using background color? |
Porky
www.pacificwavetour.com |
|
|
|
s.dav
Site Admin
Italy
3364 Posts |
Posted - 25 Aug 2010 : 08:53:10
|
Actually no, sorry
What method did you use? |
Regards, Davide |
|
|
|
2hats
Practical
36 Posts |
Posted - 26 Aug 2010 : 00:04:03
|
I find a good solution is to start with a 'layer' 960 wide by 960 high, and place all other components inside that.
Adjust the layer height to ensure scrollbar displays to right.
Use that 'layer' and size as template for all website pages. |
|
|
|
s.dav
Site Admin
Italy
3364 Posts |
Posted - 26 Aug 2010 : 15:16:55
|
Try to add this piece of code to your page header:
<style type="text/css">
body {overflow-y: scroll;}
</style>
|
Regards, Davide |
|
|
|
Martin1
Super User
Netherlands
626 Posts |
Posted - 30 Aug 2010 : 16:06:36
|
I always use this in my pages:
html {
overflow-y: scroll;
}
this works across all browsers and doesn't create a problem when a scroll bar is needed (with a very long page).
I have tried several methods and most created some sort of problem. This rather simple one doesn't. |
|
|
|
s.dav
Site Admin
Italy
3364 Posts |
Posted - 31 Aug 2010 : 08:51:21
|
Martin, I checked also mine and seems to work with All Windows browsers...
I haven't checked it on Mac or Linux; in the next days I'll try ;-)
Thank you for the tip ;-) |
Regards, Davide |
|
|
|
Martin1
Super User
Netherlands
626 Posts |
Posted - 31 Aug 2010 : 16:56:44
|
Hello Davide,
I did try yours as well and couldn't find any problem with it.
However I do remember that in the past I did have problems with it. Maybe it was due to an older browser version or something I can't remember but there was a reason I started using my version.
Martin |
|
|
|
Martin1
Super User
Netherlands
626 Posts |
Posted - 03 Sep 2010 : 01:27:23
|
The HTML5 boilerplate that was created by Paul Irish, and Divya Manian shows on line 157 http://html5boilerplate.com/ the html version and not the body version.
html { overflow-y: scroll; } |
|
|
|
s.dav
Site Admin
Italy
3364 Posts |
Posted - 03 Sep 2010 : 10:14:35
|
| Good, I'll modify it ;-) |
Regards, Davide |
|
|
|
Martin1
Super User
Netherlands
626 Posts |
Posted - 06 Oct 2010 : 15:46:46
|
Hello Davide,
I just noticed that you still went with
<style type="text/css">
body {overflow-y: scroll;}
</style>
instead of
<style type="text/css">
html { overflow-y: scroll; }
</style>
Why? |
|
|
|
s.dav
Site Admin
Italy
3364 Posts |
Posted - 07 Oct 2010 : 13:52:56
|
Because your method is causing problems with some scripts (opening a DIV containing an IFRAME with a overflow-y:scroll on the HTML causes some browser to display the DIV in a wrong way (without the scroll)) so I returned back to my method.
If you'll find a reason to return back to your method please let me know. |
Regards, Davide |
|
|
|
Martin1
Super User
Netherlands
626 Posts |
Posted - 07 Oct 2010 : 17:06:40
|
Thanks for the heads up Davide!
I didn't know that such an issue could arise. |
|
|
| |
Topic |
|
Page shift
