Html stamp issue - "Shaking" website
I am working on a website and everything is fine except that my website is "shaking". (I am using chrome) The margin of my main Container changes in some ways and I have no idea why. They have the same HTML, it must have something to do with the content in the main container div
My website: www.anitalernt.de
http://www.anitalernt.de/about-us.html slightly to the left and http://www.anitalernt.de/index.html after receiving the assignment (just press a few buttons).
Anyone have an idea?
source to share
Always show scrollbar
html {
overflow-y: scroll;
}
Cm:
source to share
The problem is most likely caused by the appearance of a scroll bar that shrinks the viewable area of ββthe browser window and can adjust the content accordingly.
There are several possible workarounds:
You can extend the length of the custom web page so that the content (post customization) also runs "below the fold"
Alternatively, you can wrap everything in an absolute positioned DIV, which will not "jitter" when the viewable area shrinks on the scrollbar screen.
Or - depending on your specific content - you can turn off the scrollbar. Although this last workaround is only recommended in very specific cases.
source to share