Member Avatar for wfray

I've tried a number of the HTML/CSS techniques to get my table to scroll horizontally but none of them work. The table has been wrapped with a DIV and the CSS has included the OVERFLOW code but all to no avail. The code is basically like this:

<div class="Divscroll">
  <table>
    <tr>
      <td><input type="text".../>
          <input type="text".../>
      </td>
    </tr>
  </table>
</div>

The CSS looks like this:

div.Divscroll {
 width: 100%;
 overflow: auto;
 overflow-x: auto;
}

I've tried using SCROLL instead of AUTO to no avail. When I change the browser to ZOOM to ~150%, which some users will do, the table just wraps, no horizontal scroll bar. Interestingly, the scroll bars appear (grayed out and unselectable) but the <TD><INPUT... elements just continue to wrap.

Edited by wfray because: Additional information
  • 2 Contributors
  • 1 Reply
  • 140 Views
  • 10 Hours Discussion Span
  • Latest Post Latest Post by aquilax
Member Avatar for aquilax

Try to set the width of the table. Something like:

.Divscroll table{width:200%}
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.