我有稍微看一下你的網站,你說的錯位問題我在IE跟FF看都沒出現什麼問題,吹毛求疵的話應該是說當browser的寬度沒有開到足夠大的話,錯位問題才會出現,所以說如果是用1024*768的解析度來看網頁一切是正常的,但是當解析度是800*600的時候錯位的問題就會跑出來了。
這個問題主要是CSS當初設定的不好所導致的,或者說原設計者沒考慮到解析度的問題吧。
至於為什麼字一大一小,雖然我還沒仔細看你的CSS,不過應該是CSS裡面的tag有重複設定到什麼東西吧。
剛剛看了一下你的CSS,發現文章是被storycontent給包起來的,而所有文章的最外面又是被content給包起來,但是你的CSS寫成了這樣
#content P {
FONT-SIZE: 11px; WIDTH: 535px
}
.storycontent {
PADDING-LEFT: 0px; FONT-SIZE: 12px; MARGIN: 10px 0px 0px; WIDTH: 530px; COLOR: #333333; LINE-HEIGHT: 1.6; TEXT-ALIGN: justify
}
我發現並不是FF的問題,而是你有些文章的段落並沒有用<p></p>包起來,所以這時候字形的設定是用storycontent,但是有些文章卻有<p></p>,所以這時候的字形大小則是由content p來控制。
改的方法很簡單,就是把content p改成這樣,紅色字拿掉,
#content P {
WIDTH: 535px
}
就好了。