[問題] 新手問IE6,7 float:left的問題
http://wusinhan.myweb.hinet.net/test.html
這是遇到問題的網頁,
上面用li去做的按鈕,在IE8、Chrome、FF看正常,
但是到了IE6跟IE7就會變成這樣:
http://wusinhan.myweb.hinet.net/test.jpg
我不知道要在那裏修正才能讓它顯示的跟在其他環境下相同,
因為我是很菜的新手,請高手幫我這個忙,謝謝。 orz
以下是CSS:
ul.title {margin: 15px;}
li.title {
border: 1px solid #666;
background: url(../images/black_bg.gif);
letter-spacing: 1pt;
text-align: center;
}
#service {
border: 1px solid #666;
background: black;
width: 220px;
}
#service li {
line-height: 20px;
}
#service li a {
float: left;
width: 60px;
height: 60px;margin:10px 5px 0 0
display: block;
line-height: 9000px;
overflow: hidden;
}
#service li.email a {background: url(../images/service_btn.png);}
#service li.email a:hover{background: url(../images/service_btn.png) 0 60px;}
#service li.skype a {background: url(../images/service_btn.png) 60px 0;}
#service li.skype a:hover{background: url(../images/service_btn.png) 60px 60px;}
#service li.line {clear: left;height: 20px;background: url(../images/line.gif)}
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 60.251.189.217
推
11/23 13:28, , 1F
11/23 13:28, 1F
→
11/23 13:29, , 2F
11/23 13:29, 2F
→
11/25 07:29, , 3F
11/25 07:29, 3F