作者cjoe (TeA)
看板Web_Design
標題[問題] css 排版ie7與ff不一樣
時間Sun Jun 8 21:33:08 2008
在ie7,#c與#d的寬度,當設成各50%時,<div id="d">這個div就會不見
但是若設 51%,49%就正常.. Orz
而ff均正常。
有人可以跟我說問題在哪邊嗎?謝謝。
下面附上css與body內容
css ------------------------------------
#header {
width:100%;
background-color:#333333;
height:20px
}
#content {
width:100%;
height:500px;
}
#left {
width:20%;
float:left;
background-color:#FFCC00;
height:500px
}
#main {
width:80%;
float:left;
background-color:#CCFF00;
height:500px
}
#a {
background-color:#0000FF;
height:250px;
width:100%;
}
#b {
background-color:#990000;
height:250px;
width:100%;
}
#c {
background-color:#CCCCCC;
height:250px;
width:50%;
float:left;
}
#d {
background-color:#FF0000;
height:250px;
width:50%;
float:left;
}
#floor {
width:100%;
background-color:#333333;
height:20px;
}
body ------------------------------------
<div id="header"> </div>
<div id="content">
<div id="left"></div>
<div id="main">
<div id="a" >
<div id="c">ccc</div>
<div id="d">ddd</div>
</div>
<div id="b"> </div>
</div>
</div>
<div id="floor"> </div>
--
牙刷有七天鑑賞期嗎?
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.126.173.200
推 sweetpotatoa:IE跟FF的dom計算有些不同,你可以估狗一下css hack 06/08 22:56
推 evenwu:看起來像是次像素計算的問題... 06/09 00:58
→ cjoe:css hack是指針對各別做設定嗎?剛查一下的感覺是這樣 06/09 10:56
→ cjoe:對我而言真是怪問題,設49%,51% 或 49%,49% 都可以 06/09 10:56
→ cjoe:就是沒辦法50%,50%。 06/09 10:57