视窗缩小时table在IE6会往下掉_html/css_WEB-ITnose

程序员文章站 2022-05-19 19:00:52

...

本帖最后由 kyokyo180 于 2013-02-17 18:20:35 编辑视窗左右?度缩小时table(blue??)在IE6会往下掉
将white-space: nowrap;拿掉也是会掉
firefox chrome ie7~10都无问题
只有ie6会这样
我希望让版面维持
header在上
left在左 right在右
footer在下
请问这有办法解决吗

css代?
--------------------------------------
@charst "utf-8";

#header {
background:red
}

#left {
background:lime
}

#right {
background:blue;
position: relative;
margin: 0 25px 0 146px;
zoom: 1;

}

.menu {
z-index:3;
font-size: 1em;
overflow: hidden;
float: left;
width: 125px;
display: inline;
}

table td,th, tr {
white-space: nowrap;
}

#footer {
background:yellow
}

----------------------------------------

html代?
----------------------------------------
br /> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitioal.dtd">

test

AAAAA	BBBBB	CCCCC	DDDDD	EEEEE	FFFFF	GGGGG	HHHHH	IIIII
6n5nsasdsdn8sasdsd	n	n	n%	n 元	n	n 元	n	n
6n5nsasdsdn7sasdsd	6	6	5nn.nn%	58n 元	6	2n.nn 元	5.nnnn	sdfsdaf
6n5nsasdsdn6sasdsd	6x876	648	66.58%	658x84n 元	7x428	44.56 元	6.6n75	asdasd
6n5nsasdsdn5sasdsd	4xn66	654	6n.46%	4n6x6nn 元	5nx46n	68.82 元	4.4654	sadasd
talo	5x2nn	5x654	65.65%	565x66n 元	57x26n	45x65 元	4.n445	fdsfasd

------------------------------------------------------

回复讨论(解决方案)

限定一下body的宽度

body{
width:1000px;
}

请问有办法在不指定width或height的px条件下达成吗?

请问有办法在不指定width或height的px条件下达成吗?
你试试下面这个样式：
table{ table-layout:fixed;}

另外，你的HTML标记真够乱的

引用 2 楼 kyokyo180 的回复:请问有办法在不指定width或height的px条件下达成吗?
你试试下面这个样式：
table{ table-layout:fixed;}

另外，你的HTML标记真够乱的
抱歉打的太急了
现在好像又无法编辑本文的样子请见谅

嗯...table{ table-layout:fixed;}试了一下还是会往下掉
有试过position:absolute设#left(左栏)的部分
确实能防止它掉下来
不过左栏我是打算放选单，未来会增加数量
所以希望下栏的#footer会随着选单增加自动向下调整

嗯...table{ table-layout:fixed;}试了一下还是会往下掉……
我将你的HTML代码中的

相关标签：视窗缩小时table在IE6会往下掉

上一篇： EasyPublish CMS_PHP教程

下一篇： win2003服务器使用WPS的COM组件的一些问题解决方法_php技巧