0

我正在处理无法编辑的表格，无法添加任何 HTML，无法添加任何 JS。一切都已预先生成，我所能做的就是向其中添加 CSS。

所以表格有两行，一是侧边栏，二是中心内容。我想将侧边栏设为 210px 宽并将其向左浮动，就像我将内容居中一样。除了 IE7，所有浏览器都可以正常工作。当我使用 IE7 开发人员工具检查它时，我可以看到它下面的行和 TD 总是 100% 宽，并且无法为其分配宽度值。

有解决这个问题的方法吗？

示例代码。

<table>
<tr id="sidebar"><td>Some data</td></tr>
<tr id="main"><td>Some data 2</td></tr>
</table>

CSS:
#sidebar
{
display:block;
width:210px;
float:left;
}
#main
{
display:block;
width:730px;
float:left;
}

请指教

4

2 回答 2

0

我没有ie7，但设置行显示：表格单元；在这个例子中，在桌子上放一个宽度在 chrome 中工作。http://jsfiddle.net/jalbertbowdenii/7Wuku/

于 2012-07-28T16:38:28.150 回答
-2

我认为这样做的一个好方法是没有第二行......当然，如果你可以像这样制作你的标记：

<table>
    <tr>
        <td id="sidebar">Sidebar content</td>
        <td class="main_cont">Main content</td>
    </tr>
</table>

在这个标记中，您不需要浮动tds，只需说明宽度。一个活生生的例子在这里：http: //jsfiddle.net/skip405/QySz2/1/

但是如果你不能改变标记——恐怕你永远不会教 IE7 浮动表格行））

于 2012-07-28T16:09:33.067 回答