I'm a relative newcomer and was tasked with the job to figure out how to remove the additional bar that appears on the side--i'm trying to figure how I can detect
what possible div/scroll part of the html code is rendering that extra bar--could anyone help me please or even provide clues--sorry if this is a simple cleanup feature but I have just began my html journey.
Thanks and Regards,
Can you link to the page? We can't possibly guess what your bar consists of.
I see two scrollbars. That's the only "additional bar" that I see.
The browser's main scrollbar always appears. In your page, it is disabled because your body element is set to the height of the browser's display area and therefore doesn't need to scroll.
Just inside that is the scrollbar that is created because your div#mk-boxed-layout is much taller than the body element (and the browser's display area), so it requires scrolling to view its content.
I tried for a while to sort out why it's working that way, but I didn't figure it out. Maybe someone else can, or maybe what I wrote above will trigger something and you'll figure it out.
I suggest you run the CSS through a validator, like http://jigsaw.w3.org/css-validator/. I see many parse errors. And, you should run the html through a validator also, like https://validator.w3.org/nu/
Removing 'overflow-x: hidden' from the rule for html,body in the below style sheet seems to fix it.
Hey thank you everyone!
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)