作者WEIREN (WEIREN)
看板Web_Design
標題[問題] 請問<ul><li>要怎麼解決在firefox位移的問題
時間Sun Aug 24 14:53:18 2008
就是我用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
推 chph:你的原始碼結構不正確, ul 底下只能有 li 08/24 15:03
推 bcse:我看你的資料,覺得你用 <table> 會比較好… 08/24 15:05
→ WEIREN:我ul 下只有li沒有錯 難道都不能用span a ? 08/24 15:09
推 chph:我指的是<div class="title"><span>日 期</span>這行 08/24 15:25
→ bcse:你用了div 08/24 15:26
推 ybite:這種東西用ul/li作很浪費,乖乖用Table吧 08/24 16:12