How to get rid of this excess scroll down bar

Question

How to get rid of this excess scroll down bar

271 views Asked by Venky At 28 December 2016 at 10:55

I'm just developing a Reproting Tool and due to some reason i have two scroll bars,one which is for Chrome or any other browser and the other is part of the HTML,i couldn't trace anything back to the HTML..

> </head>
<body style="min-height:20px">
    <!-- START PAGE CONTAINER -->
    <div class="page-container" style="min-height:20px">

        <!-- START PAGE SIDEBAR -->
        <div class="page-sidebar">
            <!-- START X-NAVIGATION -->
            <ul class="x-navigation">
                <li class="xn-logo">
                    <a href="index.html">Reports</a>
                    <a href="#" class="x-navigation-control"></a>
                </li>
                <li class="xn-profile">
                    <!--<a href="#" class="profile-mini">
                        <img src="assets/images/users/avatar.jpg" alt="John Doe" />
                    </a>-->
                    <div class="profile">
                        <!--<div class="profile-image">
                            <img src="assets/images/users/avatar.jpg" alt="John Doe" />
                        </div>-->
                        <!--<div class="profile-data">
                            <div class="profile-data-name">John Doe</div>
                            <div class="profile-data-title">Web Developer/Designer</div>
                        </div>-->
                        <!--<div class="profile-controls">
                            <a href="pages-profile.html" class="profile-control-left"><span class="fa fa-info"></span></a>
                            <a href="pages-messages.html" class="profile-control-right"><span class="fa fa-envelope"></span></a>
                        </div>-->
                    </div>
                </li>
                <li class="xn-title">Navigation</li>
                <li >
                    <a href="/reports"><span class="fa fa-cogs fa-spin" title="Configure Reports"></span> <span class="xn-text">Configure Reports</span></a>
                </li>
                <li>
                    <a href="/dashboard"><span class="fa fa-cogs fa-spin" title="Configure Dashboard"></span> <span class="xn-text">Configure Dashboard</span></a>
                </li>
                <li class="active">
                    <a href="#"><span class="fa fa-eye" title="View Dashboard"></span> <span class="xn-text">View Dashboard</span></a>
                </li>


            </ul>
            <!-- END X-NAVIGATION -->

Any Help would be deeply appreciated

Original Q&A

There are 1 answers

**Prateek Gangwal** · Accepted Answer · 2016-12-28 11:07:51

what you can do is

to the main div you can apply css like for example you have

<div class ="main">
   // rest of your code 
</div>

in your main style.css you can put

.main {
    width:100%;
    height:90%;
    overflow:hidden;
}

if this doesn't work you can use

body {
    overflow-y:hidden;
}

TechQA.

How to get rid of this excess scroll down bar

There are 1 answers

Related Questions in HTML

Related Questions in CSS

Related Questions in USER-INTERFACE

Related Questions in WEBIX

Popular Questions

Popular Tags

Trending Questions