ホームページ > 記事 > ウェブフロントエンド > ウィンドウを縮小するとIE6_html/css_WEB-ITnoseでテーブルが下に落ちてしまいます
ウィンドウを縮小するとIE6_html/css_WEB-ITnoseでテーブルが下に落ちてしまいます
- WBOYオリジナル
- 2016-06-21 09:41:271316ブラウズ
将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">
| 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
-----------------------------------
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitioal.dtd">
--------------------------------------