作者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