0

我有一个流畅的布局。标题在 div 上有一个背景中继器 1x100 png。它根据需要填充到视口的右侧。

但是,在这个页面的主体 div 中还有一个数据表。而且,在大多数视口上,它会导致水平滚动,因为其中有很多东西。

向右滚动时,标题不存在。

有没有办法使用 jquery 或其他方式使标题拉伸到表格的宽度?在渲染之前,我不知道桌子有多大。我尝试用 110% 和其他宽度来修改它,但它永远不会准确取决于内容,因为表格是流畅的,也没有空白换行符,并且更长的标题会拉伸单元格。

这是一个 ie8 内网,因此任何修复都必须在此浏览器中工作。

html 非常基本,pseducode 看起来像

<div id=wrap>
<div id=header></div>
<div id=tablearea><table>WIDE TABLE HERE</table></div>
</div>

我希望包装器会在调整大小时拉伸,但事实并非如此。

有什么技巧可以让标题正确绘制吗?我喜欢直接使用 CSS,但不反对 javascript/jquery hack。

同样,ie8 是我们的产品线(不幸的是),所以它必须在这方面发挥作用。

我做了一个快速的油漆工,但是所有的 imgur、tinypic 等网站都在办公室被封锁,所以我似乎无法在任何地方托管它。如果有人对此也有任何提示,将不胜感激(通过下午)。

谢谢。

4

1 回答 1

0

http://jsfiddle.net/cZ9Vu/1

#wrap, #tablearea {overflow-x: auto;}
于 2013-01-28T17:09:00.010 回答