Table Overflow Scrolling Issue

3 replies
  • WEB DESIGN
  • |
I have a table, which is contained within a div with (overflow: scroll) set. The table has 3 columns which total to a width of 540px. The Div that the table is contained within is 500px, therefore I would like the div containing the table to scroll horizontally to show all of the table.

The problem is that the table currently resizes all the columns in proportion to the size of the div to fit the available space. I would prefer them to stay set at the width I have ask them to be. So that they dont resize to fit.

How do I do this? CSS style? table option?

Thanks
#issue #overflow #scrolling #table
  • Profile picture of the author Mkj
    If you add a table width setting that should do it:

    <table width="540px">
    {{ DiscussionBoard.errors[3741337].message }}
    • Profile picture of the author jamesg3
      Agreed that should work
      Signature
      Serious Wordpress sites, html/css sites and flash sites Cheap. I provide killer SEO, easy to use e-commerce solutions and payment gateways. Check me out at Serious Website Design.
      Need Hosting with serious speed and power? 3.99 a month. Take a look here. Serious Website Hosting.
      {{ DiscussionBoard.errors[3743118].message }}
  • Profile picture of the author charles123krik
    Good topic,I am declare a table in HTML with below type.I am always do this type because build program very easy.
    <textarea rows=5 cols=15 style="background-color:COLOR HERE">Text in here</textarea>
    {{ DiscussionBoard.errors[3968274].message }}

Trending Topics