Rumah > hujung hadapan web > html tutorial > 视窗缩小时table在IE6会往下掉_html/css_WEB-ITnose

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

WBOY
Lepaskan: 2016-06-21 09:41:27
asal
1341 orang telah melayarinya

本帖最后由 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代?
----------------------------------------
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"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{ 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
-----------------------------------
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitioal.dtd">



test





































































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











-------------------------------------
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan