So I have done some 'make and mend' in my sharing library; deleted some old stuff, added some new stuff and given the actual page a wee makeover. In connection with that makeover I'm struggling with something:
If you open the page (See url in signature), you see some navigation. Click on one of the links 'Navigation', 'Cards' or 'Forms' and observe the space above the section header. Then, from one of those menu items, say 'Cards', click on one of the other two ('Galleries' and 'Other' are too far down the page to be able to scroll up to the top) and observe the space above the header again.
How can I make that space the same, regardless whether I am at the top of the page or somewhere further down? I have tried to move the section IDs around, tried with paddings and margins, and what I have found to some extent working is, if I have a top padding on the body element and also on the '.contents' container, and then balance them against each other. But I haven't been able to make it working properly, especially not for all widths. What I have now is kind of a compromise.
Can someone see what I can't see? The link to the project file is http://horgenhonning.net/sharing/index.rsd
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com