CODEWITHSUNDEEP
phphtmlcss
Sampath Munaweera
Sampath Munaweera

Reputation: 119

Inside div my scroll bar is showing but can't use it (not working)

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>

All other things are working but can't use the scroll bar although it's displaying? I can't understand the problem.

Upvotes: 4

Views: 119

Answers (1)

thecraighammond
thecraighammond

Reputation: 850

It's going to be very difficult to try and diagnose this without being able to see what the php returns.

Throwing the bits into a fiddle and adding some junk data I get this, which 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;
}

Upvotes: 1

Related Questions