小编Mar*_*tin的帖子

在iPad上呈现html页面时,我遇到了CSS问题.一切在其他浏览器中都很好用.问题是我在表格中的单元格之间有一个小空间,如图所示:http://oi53.tinypic.com/2vl0as9.jpg

如果我在单元格之间的行上放大页面最大值,它会消失.所以在呈现页面时它必定是某种错误.我能以某种方式解决这个问题吗？这是我的表和CSS:

<table class="smallTable" cellpadding=0 cellspacing=0>
    <tr>
        <td class="td1"></td>
        <td class="td2"></td>
    </tr>
    <tr>
        <td class="td1"></td>
        <td class="td2"></td>
    </tr>
</table>

CSS:

.smallTable 
{
    margin: 20px auto 40px auto;
    border-spacing: 0;
}

.smallTable td
{
    margin: 0;
}

.smallTable td.td1 
{
    background: url(../images/table1.png);
}

.smallTable td.td2 
{
    background: url(../images/table2.png);
}

当用户在我的网站上执行搜索时,我想在带有垂直滚动条的小div中显示结果,而不是用户需要滚动整页.这在所有浏览器中都很完美,但我在iPad上遇到了问题.我可以看到搜索结果不适合div,但iPad上没有显示滚动条.此外,当我尝试在div内滚动时,整个页面都会滚动.是否有解决方案让这个工作？

HTML和CSS:

<div class="searchResult">
    //Here I show the search result
</div>

div.searchResult
{
    height: 540px;
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}