RE: [WSG] Gap at bottom of overflowed div

[Samuel Richardson]

Solved. You have to use a combination of styles, but:             overflow : auto;           width : 650px;           overflow: -moz-scrollbars-horizontal;           overflow-x: auto;   Works. The overflow : auto; and width sets the default (and shows only the horiz bar in Safari), then setting the Mozilla specific style defaults Mozilla to only show the horizontal, finally the CSS2 rule (which IE obeys and Mozilla doesn’t!?) sets only the horizontal scrollbar to appear.   S   -----Original Message----- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Samuel Richardson Sent: Tuesday, 20 June 2006 10:15 AM To: wsg@webstandardsgroup.org Subject: [WSG] Gap at bottom of overflowed div   I’ve got a table sitting inside a div with a width and overflow : auto; specified on it.   http://www.richardson.co.nz/tmp/overflowgap.png   The problem is that it’s triggering the overflow for both directions, I only want to have it scroll horizontally. I’m guessing it’s putting the vertical scroll in to show the area hidden by the horizontal scroll bar (it appears no matter what the height of the element of inside the scrolling div).   This shows up in both Firefox and IE, so it’s not a browser bug, just a misunderstanding of what I’m doing :D   Solutions for removing it?   --   Samuel Richardson 0405 472 748 - [EMAIL PROTECTED]   ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ****************************************************** ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************