ウィンドウを縮小するとIE6_html/css_WEB-ITnoseでテーブルが下に落ちてしまいます

本帖最后由 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代码中的加上了结束标签，去除了一个多余的

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

每个储存格的栏宽高可以固定不变
不使用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">