[問題] 請問<ul><li>要怎麼解決在firefox位移的問題
就是我用ul li弄了一個類似表格的東西
但是我覺得很怪
因為我在ie看是正常的
但是firefox確是會往旁邊位移
應該該怎麼解決??
但是我什麼都沒有設
<style type="text/css">
#bulletin ul {
list-style-type:none;
width:760px;
margin:0px;
}
#bulletin li {
background-color:#f7f4e8;
border-width:1px 0;
margin:1px 0;
}
#bulletin li a {
color: #000;
display:block;
padding:5px;
text-decoration: none;
font-size:13px;
}
* html #bulletin li a { /* make hover effect work in IE */
width:760px;
}
#bulletin li a:hover {
background: #ece9dc;
}
#bulletin a span {
line-height:22px;
font-size:13px;
}
#bulletin .title {
background-color:#cbd5d6;
width:760px;
line-height:26px;
color:#123d41;
font-weight:bold;
}
</style>
----------------------------------------------------------
<div id="bulletin">
<ul>
<div class="title"><span>日 期</span> <span>標題內容</span></div>
<li><a href="#"><b><span>2008/01/04</span></b> <span>文字標題文字標題文
字標題文字標題文字標題</span></a></li>
<li><a href="#"><b><span>2008/01/04</span></b> <span>文字標題文字標題文
字標題文字標題文字標題</span></a></li>
<li><a href="#"><b><span>2008/01/04</span></b> <span>文字標題文字標題文
字標題文字標題文字標題標題文字標題標題文字標題標題文字標題</span></a></li>
<li><a href="#"><b><span>2008/01/04</span></b> <span>文字標題文字標題文字
標題文字標題文字標題</span></a></li>
<li><a href="#"><b><span>2008/01/04</span></b> <span>文字標題文字標題文字
標題文字標題文字標題</span></a></li>
<li><a href="#"><b><span>2008/01/04</span></b> <span>文字標題文字標題文字
標題文字標題文字標題</span></a></li>
<li><a href="#"><b><span>2008/01/04</span></b> <span>文字標題文字標題文字
標題文字標題文字標題</span></a></li>
</ul>
</div>
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 218.169.87.86
推
08/24 15:03, , 1F
08/24 15:03, 1F
推
08/24 15:05, , 2F
08/24 15:05, 2F
→
08/24 15:09, , 3F
08/24 15:09, 3F
推
08/24 15:25, , 4F
08/24 15:25, 4F
→
08/24 15:26, , 5F
08/24 15:26, 5F
推
08/24 16:12, , 6F
08/24 16:12, 6F
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章