I have made three templates to a webpage (dubina, dubina_op and dubina_op2). The firs of them works fine. The others work also fine except of the width of the body. There is a white space on the right, so the scrollbar-x is there and the whole page is movable to the left showing the white space.
I can't find the selector making this space. How to find it? I can add overflow-x: hidden; in body selector. But this seems not to be the clear solution.
URL is http://rancdubina.cmsimple.sk
Problem with width od body
Moderator: mikey
Problem with width od body
CMSimple.sk
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.
Re: Problem with width od body
Wrt. dubina_op I see two issues. Firstly, the <body> defines a width of 100vw which makes it some pixels wider than the html (don't know why). Secondly, .wrapper1.slider defines a width of 100%. Removing both widths makes the horizontal scrollbar disappear for me.Tata wrote: ↑Sun Feb 18, 2018 8:57 amI have made three templates to a webpage (dubina, dubina_op and dubina_op2). The firs of them works fine. The others work also fine except of the width of the body. There is a white space on the right, so the scrollbar-x is there and the whole page is movable to the left showing the white space.
Christoph M. Becker – Plugins for CMSimple_XH
Re: Problem with width od body
Danke, es geht. Es ging auch mit html{overflow-x: hidden;}. So ist es jedenfalls besser.
CMSimple.sk
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.
It's no shame to ask for an answer if all efforts failed.
But it's awful to ask without any effort to find the answer yourself.
Re: Problem with width od body
Yes, body should have width: 100%;
100vw = Viewport-width with scrollbar
100% = Viewport-width without scrollbar
The second problem is the class .footer. There is a padding of 1em without box-sizing: border-box;
„Bevor du den Pfeil der Wahrheit abschießt, tauche die Spitze in Honig!“ Ludwig's XH-Templates for MultiPage & OnePage