作者santin (被雷劈)
看板Web_Design
標題Re: [問題] css firefox,ie顯示不同
時間Thu Sep 7 10:03:38 2006
既然要用CSS了，就別用表格排版，用DIV取代會比較好做事
表格就讓她回歸表格的功能...放資料
目前我的做法會是這樣
HTML部分(連結部份是示意所以六個都一樣= =a)
<div id=menu>
<div id=iBtn_top>研究生專區</div>
<div id=iBtn>
<div class=iBtn>
<a href="
http://www.ee.ntu.edu.tw/eeoffice/index_stu.php?cat=news_stu">
最新消息 </a></div>
<div class=iBtn>
<a href="
http://www.ee.ntu.edu.tw/eeoffice/index_stu.php?cat=news_stu">
最新消息 </a></div>
<div class=iBtn>
<a href="
http://www.ee.ntu.edu.tw/eeoffice/index_stu.php?cat=news_stu">
最新消息 </a></div>
<div class=iBtn>
<a href="
http://www.ee.ntu.edu.tw/eeoffice/index_stu.php?cat=news_stu">
最新消息 </a></div>
<div class=iBtn>
<a href="
http://www.ee.ntu.edu.tw/eeoffice/index_stu.php?cat=news_stu">
最新消息 </a></div>
<div class=iBtn>
<a href="
http://www.ee.ntu.edu.tw/eeoffice/index_stu.php?cat=news_stu">
最新消息 </a></div>
</div>
<div id=iBtn_end></div>
</div>
而CSS部份沒有修很多
#menu {
width:160px;
text-align:center;}
#iBtn_top{
color: #535353;
font-size: 10pt;
font-weight: bold;
height: 32px;
padding-top: 5px;
text-align: center;
background-image: url('iBtn_top.gif');
background-repeat: no-repeat;
width:160px;
overflow:hidden;}
#iBtn {
width:160px;
background:url('iBtn_mid.gif') repeat-y 50% 0%;}
#iBtn_end{
width:160px;
height:12px;
background:url('iBtn_bot.gif') no-repeat 0 0;}
.iBtn a{
display:block;
color: #001EFF;
font-size:9pt;
letter-spacing: 1px;
text-decoration:none;
padding-top: 8px;
width: 160px;
height: 28px;
background-image: url('iBtn.gif');
background-repeat: no-repeat;
margin: 0 auto;}
.iBtn a:visited{
color: #001EFF;
font-size:9pt;
letter-spacing: 1px;
text-decoration:none;
padding-top: 8px;
width: 160px;
height: 28px;
background-image: url(iBtn.gif);
background-repeat: no-repeat;
margin: 0 auto;}
.iBtn a:hover{
display:block;
color: #D95D00;
font-size:9pt;
letter-spacing: 1px;
text-decoration: none;
padding-top: 8px;
width: 160px;
height: 28px;
background-image: url(iBtnmor.gif);
background-repeat: no-repeat;
margin: 0 auto;}
參考看看...有問題可以在問我^^
--
嗯哼
http://www.wretch.cc/blog/santin
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 61.229.101.127
1F：→ santin:晚點丟到線上直接看網頁比較快= =a 09/07 10:05
2F：推 Tonnny:大感謝 <(_ _)> 學到很多 Thanks~ 09/07 13:34