如何在Internet Explorer中将HTML表转换为列表

我的页面中有一个动态生成的表，它是由第三方源（它是一个MLS提要）生成的，有10行5列。我没有别的要求了。我希望将其显示为一列，因此，类似于列表。我已经在Firefox、Safari和Chrome上做到了这一点，但当我在IE中使用它时，我得到的两个效果是：每行中的每个TD元素都像扑克中的一手牌一样重叠，同时保持TR间距-或者-它将TDs和TRs都堆叠到一堆IE垃圾中。最后，我在CSS中所做的任何事情似乎都不会改变表的宽度或TD宽度。o、 o.开始脱毛策略

页面示例： （在Firefox和IE中查看以获得最佳演示）

Html:

---

为什么不从表中读取数据，重新写入列表，然后删除表？乱搞CSS来模仿这一点肯定会让你发疯。改用JavaScript。

我不太懂舒尔，我理解你的问题，但是写一个新的列表，而不是把旧的列表弄乱怎么样？

---

迭代到旧的html，获取值并打印新的html。

我可以在Firefox、Safari和Chrome中将表转换为列表。我觉得我是一个愚蠢的IE CSS渲染错误，离在IE中正确使用它太远了…谢谢你，这个解决方案工作得很好。我感谢你的意见！我会投票支持你，但我还不能。干杯先生，你说得对！我基本上按照你的建议做了，效果很好。再次感谢。干杯

<table id="IDX-showcaseWrapper-residentialListings" cellspacing="0" cellpadding="0" border="0" style="width: 100%;">
    <tbody>
        <tr style="z-index: -1;">
            <td class="IDX-showcaseDetails" valign="top" style="text-align: center; padding: 0px 0px 8px;"></td>
            <td class="IDX-showcaseDetails" valign="top" style="text-align: center; padding: 0px 0px 8px;"></td>
            <td class="IDX-showcaseDetails" valign="top" style="text-align: center; padding: 0px 0px 8px;"></td>
            <td class="IDX-showcaseDetails" valign="top" style="text-align: center; padding: 0px 0px 8px;"></td>
            <td class="IDX-showcaseDetails" valign="top" style="text-align: center; padding: 0px 0px 8px;"></td>
        </tr>
        <tr style="z-index: -1;"></tr>
            ...
        <tr style="height: auto; z-index: -1;"></tr>
    </tbody>
</table>

var tCell;
for(var i = 0; i < size; i++) {
    tCell = $('td.IDX-showcaseDetails').eq(i);
    $(tCell).attr('style', 'top:' + (i * 250) + 'px;');     
}

table[id^=IDX-showcaseWrapper] {
    position:relative;
    min-height:1200px !important;
    padding-bottom:20px;
    z-index:1;
    display:block;
}
table[id^=IDX-showcaseWrapper] tr {
    position:relative;
}
.IDX-showcaseDetails {
    display:list-item !important;
    list-style-type:none;
    width:480px;
    height:275px;
    position:relative;
    clear:both;
    border-bottom:1px solid #5c4a57;
    margin-bottom:15px;
    padding:0px;
    z-index:1;
}