Inside the div, my scrollbar is displayed but cannot use it (doesn't work)

enter image description here

#smry {
    background-color: #1AB294;
    width: 400px;
    height: 300px;
    float: left;
    margin: 5px 5px auto auto;
    overflow: auto;
}
<div id="smry">
    <h2>Current Account Details</h2><br>

    <?php 
        $sql = "SELECT * FROM username "; 
        $accdtl = mysql_query($sql); 
        while ($row = mysql_fetch_assoc($accdtl))
        { 
            echo '<table>
	            <tr width="100%"><td width="15%">User-Name</td><td width="15%" >Password</td><td width="10%">Type</td></tr>
	            <tr width="100%"><td width="15%" >'.$row['userName']; echo'</td><td width="15%" >'.$row['pass'];echo'</td><td width="10%" >'.$row['type'];echo'</td></tr>
	            </table>';
            echo '<br>';
        };
    ?>
</div>
Run code

All other things work, but cannot use the scroll bar, although it displays? I can not understand the problem.

+4
source share
1 answer

It will be very difficult to try and diagnose this, not being able to see what php returns.

Throwing bits into the fiddle and adding some unwanted data, I get this one that works fine.

<div id="smry">
    <h2>Current Account Details</h2>
    <br>

    <table>
        <tr width="100%"><td width="15%">User-Name</td><td width="15%" >Password</td><td width="10%">Type</td></tr>

        <tr width="100%"><td width="15%" >asdasd</td><td width="15%" >asdasd</td><td width="10%" >asdas</td></tr><tr width="100%"><td width="15%" >asdasd</td><td width="15%" >asdasd</td><td width="10%" >asdas</td></tr><tr width="100%"><td width="15%" >asdasd</td><td width="15%" >asdasd</td><td width="10%" >asdas</td></tr><tr width="100%"><td width="15%" >asdasd</td><td width="15%" >asdasd</td><td width="10%" >asdas</td></tr><tr width="100%"><td width="15%" >asdasd</td><td width="15%" >asdasd</td><td width="10%" >asdas</td></tr><tr width="100%"><td width="15%" >asdasd</td><td width="15%" >asdasd</td><td width="10%" >asdas</td></tr><tr width="100%"><td width="15%" >asdasd</td><td width="15%" >asdasd</td><td width="10%" >asdas</td></tr><tr width="100%"><td width="15%" >asdasd</td><td width="15%" >asdasd</td><td width="10%" >asdas</td></tr><tr width="100%"><td width="15%" >asdasd</td><td width="15%" >asdasd</td><td width="10%" >asdas</td></tr><tr width="100%"><td width="15%" >asdasd</td><td width="15%" >asdasd</td><td width="10%" >asdas</td></tr><tr width="100%"><td width="15%" >asdasd</td><td width="15%" >asdasd</td><td width="10%" >asdas</td></tr><tr width="100%"><td width="15%" >asdasd</td><td width="15%" >asdasd</td><td width="10%" >asdas</td></tr><tr width="100%"><td width="15%" >asdasd</td><td width="15%" >asdasd</td><td width="10%" >asdas</td></tr><tr width="100%"><td width="15%" >asdasd</td><td width="15%" >asdasd</td><td width="10%" >asdas</td></tr><tr width="100%"><td width="15%" >asdasd</td><td width="15%" >asdasd</td><td width="10%" >asdas</td></tr><tr width="100%"><td width="15%" >asdasd</td><td width="15%" >asdasd</td><td width="10%" >asdas</td></tr>
    </table>
</div>

#smry {
    background-color: #1AB294;
    width: 400px;
    height:300px;
    float:left;
    margin : 5px 5px auto auto;
    overflow:auto;
}
+1
source

All Articles