I am not so into CSS and I have the following problem.
I have the following situation: into a page I have a very large table (that was horizontally truncated because it not entered in the page).
So to solve this issue I put this table into a scrollable div, something like this:
<div style="overflow-x: scroll;"> // Into this div there is my original table </div>
So I have used the overflow-x: scroll; property because I want that the content of the div is only horizontally scrollable (not vertically). But the problem is that I obtain this output:
As you can see the div content result scrollable also vertically and I don't want it. I can't post a fiddle because the inner table is rendered by a tag library.
How can I fix this issue and obtain only the horizzontal scroll? What am I missing?