/    Sign up×
Community /Pin to ProfileBookmark

DIV Horizontal Scrollbar Cropping Problem

Copy linkTweet thisAlerts:
Jan 13.2006

I hope someone can help me here, because I’m a little lost for a solution to this problem. I have a table, that I want to place in a horizontally scrollable div (i.e. it’ll extend to the right of the viewable area). I’ve achieved this using;-

[B]<div id=”scrollable pane” style=”overflow-x: auto;”>

Here’s my table

</div>[/B]

The problem with this is that when the horizontal scrollbar appears, it’s vertical height cuts into the table being displayed. Because of this, the last row in the table isn’t viewable, and the user has to select and drag the text in order to be able to view it.

This is obviously a long way from ideal.

Does anyone know how this problem can be resolved? Many thanks in advance.

to post a comment
HTML

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@CytaelJan 13.2006 — make the table smaller? ?
Copy linkTweet thisAlerts:
@JavaManiacauthorJan 13.2006 — Unfortunately the problem exists regardless of the size of the table.

It's a fudge, but what I've done is to just put a break under the table. The blank space is still there, but at least the content is viewable.
×

Success!

Help @JavaManiac spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...