视窗缩小时table在IE6会往下掉_html/css

本帖最后由 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代?
----------------------------------------
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitioal.dtd">









company | out

aaaaaaaaaaaa

ereeeeeee

caaaaaaaaaaa

aaasssssss

aaaaaaaaaa




bbbbbbbbbbbbbb




ccccccccccccccc




dddddddddddddd

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

SIODHIOSAHDOAJDO





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

回复讨论(解决方案)

限定一下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{ table-layout:fixed;}样式后，在IE6下表格没有往下掉

抱歉我更新一下代码跟限制..

每个储存格的栏宽高可以固定不变
不使用position:absolute
除了左栏.menu外其他地方不使用width OR height的px设定
视窗缩小table也不会往下掉(目前只有ie6&7会掉下去)
目前用了table layout fixed後它栏宽会伸缩..

不好意思这麽多条件
主管的限制要求太多了

css
=============================
@charst "utf-8";

ul {
margin: 0px;
}

table {
}

#header {
background:red
}

#wrapper {
float: left;
display: inline-block;
}

#contents {
background:lime;
position: relative;
height:50px;
}


#right {
background:blue;
position: relative;
height:100%;
margin: 0 0 0 146px;
zoom: 1;
}

.data01 {
overflow: hidden;
position: relative;
z-index: 3;
zoom:1;
}

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

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

#footer {
clear:left;
background:yellow
}
==============================

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









company | out

xxxxxxxxx

yyyyyyyyy

zzzzzzzzzzz

sssssssssss

1111111111111




2222222222222




3333333333333




4444444444444

AAAAA	BBBBB	CCCCC	DDDDD	EEEEE	FFFFF	GGGGG	HHHHH	IIIII
aaaaa	bbbbb	ccccc	ddddd	eeeee	fffff	ggggg	hhhhh	iiiii
aaaaa	bbbbb	ccccc	ddddd	eeeee	fffff	ggggg	hhhhh	iiiii
aaaaa	bbbbb	ccccc	ddddd	eeeee	fffff	ggggg	hhhhh	iiiii
aaaaa	bbbbb	ccccc	ddddd	eeeee	fffff	ggggg	hhhhh	iiiii
aaaaa	bbbbb	ccccc	ddddd	eeeee	fffff	ggggg	hhhhh	iiiii

SIODHIOSAHDOAJDO





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