由于较低的桌子拉伸而固定头部宽度

时间:2013-01-28 15:43:49

标签: jquery css internet-explorer-8

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

但是,mainbody 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等网站都在办公室被阻止,所以我似乎无法将它托管在任何地方。如果有人有这方面的任何提示也将不胜感激(通过下午)。

感谢。

1 个答案:

答案 0 :(得分:0)

http://jsfiddle.net/cZ9Vu/1

#wrap, #tablearea {overflow-x: auto;}