Add a vendor-specific tag for IE...
-ms-overflow-x: scroll;
the scrollbar will appear when there is overflow on the X, all the other
browsers will have the 'auto'.
On Monday, March 25, 2013 6:18:25 AM UTC-7, Mark wrote:
>
> Hi all,
>
> I have a problem which only happened in IE (I tested IE9, firefox,
> chrome). To reproduce the problem, open the following sample web page in IE
> browser. When the mouse hover on the table, the whitespace between
> scrollbar and table border will keep increase. This will only happen at the
> following situation: IE, table, scrollbar, TR hover. Web2py grid table has
> the same problem. It seems to me when TR hover, the scrollbar will add
> extra bottom padding or margin. Any help would be greatly appreciated.
>
>
> <!DOCTYPE html>
> <style>
> .wrapper {border:2px solid #ccc;margin:0.75em 0 0 0 !important;overflow-x:
> visible !important;}
> .wrapper tr:hover {background-color:#C5C5C5}
> </style>
> <body>
> <div class="wrapper">
> <div style="width:100%;overflow-x:auto">
> <table border="0" align="center" width="2000">
> <thead><tr><th width="30%">Header 1</th><th width="20%">header 2</th>
> <th width="30%">Header 3</th><th width="30%">header 4</th></tr></thead>
> <tbody>
> <tr><td>cell 1</td><td>cell 2</td><td>cell 3</td><td>cell 4</td></tr>
> <tr><td>cell 2</td><td>cell 3</td><td>cell 6</td><td>cell 7</td></tr>
> <tr><td>cell 2</td><td>cell 3</td><td>cell 6</td><td>cell 7</td></tr>
> <tr><td>cell 2</td><td>cell 3</td><td>cell 6</td><td>cell 7</td></tr>
> <tr><td>cell 2</td><td>cell 3</td><td>cell 6</td><td>cell 7</td></tr>
> <tr><td>cell 2</td><td>cell 3</td><td>cell 6</td><td>cell 7</td></tr>
> </tbody>
> </table>
> </div>
> </div>
> </body>
> </html>
>
>
> Thanks,
> Mark
>
--
---
You received this message because you are subscribed to the Google Groups
"web2py-users" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.
