修復K2在IE6中迴響區錯亂

不清楚是從哪個版本開始,在以 Internet explore 6.0 瀏覽器瀏覽以 K2 theme 作為主題系統的部落格時(包括本站),總會發生迴響區中版面錯亂的問題。本站所使用的k2 Beta.2 revision 358 2007-05-23的這個版本就已經存在這個問題。剛剛從k2 nightly下載的k2 Beta.2 revision 501 2007-09-29版本測試後,依然沒有修復。

我並不是很懂CSS語法,所以一開始就放著,也沒去理它,只有消極提醒訪客該改用Firefox以得最佳瀏覽畫面。但最近看來,IE6的使用者為訪客最為習慣的瀏覽器。所以還是得把積存已久問題給解決。畢竟,連我自己都不喜歡瀏覽到版面亂七八糟的網站。

解決方法如下

主要的版面錯亂區為(如圖所示):

1. 迴響區的 「time.png」time.png 會重複出現。

這個的解決方法在論壇上我沒有找到。於是就土法煉鋼,看看在同一行顯示正常的 在style.css 裡語法是怎麼下,就怎麼改。

在style.css中找到#commentlist li .comment-meta並改成(紅色字體為新增部份),

 #commentlist li .comment-meta {
	padding: 2px 0 2px 20px;
	background: url('images/time.png') left center no-repeat;
	display: block;
	height: 16px;
	}

2. 作者迴響的灰底色區域會蓋到下一個訪客的區塊。

支援論壇上搜尋到一篇針對此的解決方法。

在 style.css 中找到 li.bypostauthor 並改成 (紅色字體為新增部份),

li.bypostauthor {
	background: #eee;
	height: 100%;
}

我自己連 li.byuser 也一併改了

li.byuser {
	background: #f6f7f8;
	height: 100%;
	}

0 Responses to “修復K2在IE6中迴響區錯亂”


Comments are currently closed.

Flickr

廢棄達新廢棄餅行三豐餅行南投武德殿

Labels



我是台灣人

Counters