/    Sign up×
Community /Pin to ProfileBookmark

table in <div> question

Hi i got a table in a <div> tag and the table extends the height oh the <div>. With the overflow property the <div> scrolls vertically. This works, but the problem is this:
– the draghandle of the scrollbar is way to small… It looks as if you could scroll three pages when in fact it’s just a couple of lines… Very annoying if you ask me.
– Another thing is that the browserwindow also adds a scrollbar to scroll vertically… why is this??

I’d really like to solve these two problems, cuz this just looks stupid!

Can someone help me out?

Thanks!

to post a comment
HTML

3 Comments(s)

Copy linkTweet thisAlerts:
@Mr_JMar 31.2005 — Is the table really necessary.

Can you show us your code?
Copy linkTweet thisAlerts:
@niixxxauthorMar 31.2005 — sure! by the way, i work on mac os and it only does this in IE 5.2 for the mac, not in safari! I wonder what it looks like on a pc...

<html>

<head>

<title>example</title>

</head>

<body>

<div style="background-color:#990000; left:200; top:50; width:200; height:300; padding:5px 5px 5px 5px; overflow:auto">

<table style="background-color:#CCCCCC; width:175; color:#FF0000; font-family:Arial, Helvetica, sans-serif; font-size:12px">

<tr>

<td>This is a table</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>this is the last cell </td>

</tr>

</table>

</div>

</body>

</html>
Copy linkTweet thisAlerts:
@Mr_JMar 31.2005 — Unfortunately I have no experience with macs but your code does appear to work ok in IE6 and Mozilla on pc.

No window scrollbar and correct size scrollbar for div.

I'm sorry that I cannot be of more help this time
×

Success!

Help @niixxx 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 5.23,
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: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

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

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...