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.
