在<div> </div>内忽略宽度

时间:2013-07-29 18:16:17

标签: html

我无法让格式化工作正常。我使用一行单元格(不可见)通过列出每个单元格的宽度来设置表格的格式。 (我这样做是因为我有一个奇怪的设置,<div><table>混合在一起形成一个滚动面板)。宽度在一个地方工作正常,但在另一个地方没有得到尊重。代码示例如下所示:

<div id='am_verticalScrollerDiv' style='height: 500px; overflow-y: auto;'>
    <table id='am_verticalScrollerLayoutTable' height='100%' border='0' cellpadding='0' cellspacing='0'>
        <tr>
            <td id='am_resourceListCell'>
                <div id='am_resourceListDiv'>
                    <table id='am_resourceTitleTable' width='100%' border='0' cellpadding='0' cellspacing='0'>
                        <tr id='am_resource_tableTitleBar'></tr>
                    </table>
                </div>
                <table id='am_resourceList' width='100%' border='0' cellpadding='0' cellspacing='0'>
                    <tbody></tbody>
                </table>
            </td>
            <td id='am_horizScrollCell'>
                <div id='am_horizScrollDiv' style='width:900px; overflow-x: auto;'>
                    <div id='am_schedDataTitleBarDiv'>
                        <table id='am_schedDataTitleBarTable>
                            <tr class='am_schedule_formatBar'></tr>
                            <tr id='am_schedule_tableTitleBar'></tr>
                        </table>
                    </div>
                    <table id='am_scheduleDisplay' width='100%' border='0' cellpadding='0' cellspacing='0' style='table-layout: fixed; empty-cells: show;'>
                        <tbody></tbody>
                    </table>
                </div>
            </td>
        </tr>
    </table>
</div>

我尝试用<colgroup>替换格式化行,但没有运气。似乎<div> am_schedDataTitleBarDiv占据am_horizScrollDiv的宽度。我试过为前者设置一个明确的宽度,但它仍然无法正常工作。有什么建议吗?

编辑:我忘了提及,所有数据都是使用jQuery .html().append()方法构建的,但唯一相关的部分是{{1正在填充宽度设置为20px的空单元格列表,.am_schedule_tableTitleBar填充了多个am_schedule_tableTitleBar的单元格。

0 个答案:

没有答案