Derek,
It is a great solution. Thank you so much! I hope this "-ms-overflow-x:
scroll;" should be included in SQLFORM.grid by default.
Mark
On Monday, March 25, 2013 1:49:03 PM UTC-4, Derek wrote:
>
> 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 web2py+unsubscr...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.
