Vertical expanded pages shifting slightly to the left

fdenboer wrote on 3/3/2018, 6:17 AM

I am using MAGIX Web Designer Premium 15.0.0.52929 making a simple website for a walking group: http://wandelgroep-k3.xs4all.nl/#xl_xr_page_index
I am still working at the website to find out the final view of presentation.
The website is build-up out of a few web pages. I started with a page size of 820 px. horizontal by 971 px. vertical. Du to de contends of the pages I expanded de vertical amount op px. by means of adjusting in the program the page sizes.
But now the expanded pages shifting slightly to the left if the presented at the screen. A very unpleasant behaviour. Wits gives a clumsy presentation of the website.
My questions are: what did I do wrong and how to solve the problem.
Thanks in advance, Frans dB.

Comments

johnebaker wrote on 3/4/2018, 11:25 AM

Which version of Web Designer are you using - the full name and version number are to be found found under Help, About . . .

Which template did you start the web page from or did you start from a blank page?

There is also a user issue with the Het weer link, this opens the weather page in the same browser tab as your website, this is not ideal, it takes the visitor away from your website.

Good practice is to have web pages, which come from another website and are not integrated into yours, open in a new window - most tabbed web browsers will open the page in a new tab. The viewer then only has to close the new page or click the original tab to return to your web site.

HTH

John EB

fdenboer wrote on 3/6/2018, 5:46 PM

Hi John,

The version I'm using is "MAGIX (XARA) Web Designer Premium 15" The template I used is "adapted page". The initial set-up was 820 px. horizontal by 971 px. vertical.

http://wandelgroep-k3.xs4all.nl/#xl_xr_page_index

The page "Het weer" has been adapted at the way you suggested. It's better know, you're right.

Hopeful your able to find out what the course is of the shifting pages.

Gr., Frans dB

johnebaker wrote on 3/7/2018, 5:47 AM

. . . . The template I used is "adapted page" . . . .

I cannot find a template with this name in Xara, did you get this from the On line catalogue? If so which section?

I have had a look at the HTML of several pages and one difference I do see is the background position left setting differences eg

home page: <body class="xr_bgb0" style="background-position: -227px 1708px;">

Het weer <body class="xr_bgb0" style="background-position: -228px 2477px;">

HTH

John EB

fdenboer wrote on 3/7/2018, 5:40 PM

Hi John,

I made a small test web-page:

Consisting of 4 pages by use of a standard page XGA 960 duplicated it 3 times.
Giving each page a different background collar and placed a navigation bar.
Linked each page to the navigation bar.

By using the navigation bar to enter each page there was no horizontal shifting in viewing.

Page "index-a" and "index-c" ware expanded in height from 1000 px to 2000 px.
By use of "page options" and than setting "page size" in adjusted function.
Shifting the blue dotted line to the bottom of the page. Otherwise I'm not able to scroll the page completely down.

By using the navigation bar to enter each page there is now a horizontal shifting in viewing. Concerning the expanded pages.

Gr., Frans dB.

fdenboer wrote on 3/9/2018, 2:49 AM

Hi John,

Is there some news about a solution of the problem with the horizontal shifting pages by use of different vertical page length ?

Greetings,
Frans

johnebaker wrote on 3/9/2018, 3:13 PM

Hi Frans

I am working from my laptop at the moment and have tried to recreate this in Web Designer using the process you have described and cannot get the jump sideways to occur.

I have also had another look at your website, using Firefox, Chrome and Edge on my laptop and do not see the small jump that occurred when using the same browsers on my PC.

Unfortunately I do not have access to my PC for about 2 weeks to cross check the results I have been getting.

I will do some more testing, as I can, to see if I can reproduce the sideways jump.

HTH

John EB