视窗缩小时table在IE6会往下掉_html/css_WEB-ITnose
将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">
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">
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 |
-------------------------------------

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

HTML適合初學者學習,因為它簡單易學且能快速看到成果。 1)HTML的學習曲線平緩,易於上手。 2)只需掌握基本標籤即可開始創建網頁。 3)靈活性高,可與CSS和JavaScript結合使用。 4)豐富的學習資源和現代工具支持學習過程。

HTML定義網頁結構,CSS負責樣式和佈局,JavaScript賦予動態交互。三者在網頁開發中各司其職,共同構建豐富多彩的網站。

WebDevelovermentReliesonHtml,CSS和JavaScript:1)HTMLStructuresContent,2)CSSStyleSIT和3)JavaScriptAddSstractivity,形成thebasisofmodernWebemodernWebExexperiences。

AnexampleOfAstartingTaginHtmlis,beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements,defiteTheeTheErtypes,andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。

GiteePages靜態網站部署失敗:404錯誤排查與解決在使用Gitee...

實現圖片點擊後周圍圖片散開並放大效果許多網頁設計中,需要實現一種交互效果:點擊某張圖片,使其周圍的...

網頁批註功能的Y軸位置自適應算法本文將探討如何實現類似Word文檔的批註功能,特別是如何處理批註之間的間�...

HTML、CSS和JavaScript是Web開發的三大支柱。 1.HTML定義網頁結構,使用標籤如、等。 2.CSS控製網頁樣式,使用選擇器和屬性如color、font-size等。 3.JavaScript實現動態效果和交互,通過事件監聽和DOM操作。
