视窗缩小时table在IE6会往下掉_html/css_WEB-ITnose
程序员文章站
2022-05-25 09:35:32
...
本帖最后由 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
------------------------------------------------------
将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">
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代码中的
上一篇: 数据库连接字符串中的“