Anchor is not centered

Participant ,
Nov 29, 2017 Nov 29, 2017

Copy link to clipboard

Copied

Hello there,

I opened a 2017 Muse-Website in the new Version 2018 and unfortunately there is problem with an anchor:

Kontakt

if I click on the Button "zum Kontaktformular ->" the website is not centered anymore as it should be;

the website slowly moves to the left border of the browser. (Kontakt

Does anyone have a solution for that?

thank you very much!

Wolfram

Views

560

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct Answer

Adobe Community Professional , Nov 29, 2017 Nov 29, 2017
On your master, if you don`t use responsive design you shouldn`t use fluid width breakpoint at 960 which is obviously no breakpoint at this stage but just the maximum width, right?If you change this and the same to the corresponding pages you could place the anchor wherever you like in the horizontal line.It is recommended though, to place it on the left hand border of the page/canvas, as browsers try to place the anchor in the top left corner of the browser window.In your case that that didn`t ...

Likes

Translate

Translate
LEGEND ,
Nov 29, 2017 Nov 29, 2017

Copy link to clipboard

Copied

an anchor = top left of browser... if you move the anchor over in your design then the page will not do that mate... try moving it to the edge of the page (I assume) you have it well off to the left

p.s, if moving the anchor left or right does not fix the issue then please post a example .muse file... just a small part that show the error please

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Nov 29, 2017 Nov 29, 2017

Copy link to clipboard

Copied

Hi ussnorway,

thanks for your advice, but I already tried that. I centered the anchor and it is even getting worser.

The thing is, I just opened an older 2017 file in the newer version. I did not change anything but saved and closed it.

Heere is the 2017 Version: it works fine:

http://www.huete.de/kontaktseite--ina-böckler-hutwerkstatt.html

http://www.huete.de/kontaktseite--ina-böckler-hutwerkstatt.html#kontaktformular

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Nov 29, 2017 Nov 29, 2017

Copy link to clipboard

Copied

yes just looking at the code and your php looks out as well... a .muse file will help but also try hosting it to Adobe BC as a test site (the 2018 build)... I want to know if you get the same style error on Adobe?

i.e, does it correct the scroll effect?

Screenshot (243).png

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Nov 29, 2017 Nov 29, 2017

Copy link to clipboard

Copied

What do we talk about? There´s no anchor on this page. It looks well centered on bigger screens than 960 and looks bad on smaller screens. This has to do with some pinning on some elements which is not necessary on fixed width pages. These are my screesnhots from screens with 1900 and 960-smaller:

Bildschirmfoto 2017-11-29 um 11.30.00.png

Bildschirmfoto 2017-11-29 um 11.30.09.png

Check pinning and unpin those elements. If this is not the case, then follow Ussnorway​ ´s advice and show us that misbehaving page in a .muse, please.

Best Regards,

Uwe

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Nov 29, 2017 Nov 29, 2017

Copy link to clipboard

Copied

fotoroeder  wrote

What do we talk about?

Screenshot (242).png

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Nov 29, 2017 Nov 29, 2017

Copy link to clipboard

Copied

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Nov 29, 2017 Nov 29, 2017

Copy link to clipboard

Copied

got it... its 10pm here and i have to reboot the forum before bed so will have a look at it tomorrow mate

unless someone else gets ahead of me

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Nov 29, 2017 Nov 29, 2017

Copy link to clipboard

Copied

thanks a lot and sleep well!! :-)))

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Nov 29, 2017 Nov 29, 2017

Copy link to clipboard

Copied

On your master, if you don`t use responsive design you shouldn`t use fluid width breakpoint at 960 which is obviously no breakpoint at this stage but just the maximum width, right?

If you change this and the same to the corresponding pages you could place the anchor wherever you like in the horizontal line.

It is recommended though, to place it on the left hand border of the page/canvas, as browsers try to place the anchor in the top left corner of the browser window.

In your case that that didn`t do the job as intended, because your canvas has only 960 px. If you now click the link, the whole content moves to the left on bigger screens than 960, in order to place the anchor in the top left corner of the browser window.

If you change settings of the "breakpoint" to fix width everything works fine – as intended.

Bildschirmfoto 2017-11-29 um 12.58.26.png

Bildschirmfoto 2017-11-29 um 12.58.41.png

Best Regards,

Uwe

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Nov 29, 2017 Nov 29, 2017

Copy link to clipboard

Copied

LATEST

Uwe, many thanks!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines