內文截斷不完全造成版面走位
想一想還是這樣的標題比較好懂。
因為這個Blog的版面我我弄得還滿用心的,在設計的時候也都有用IE6、IE7、Firefox分別測試,另外每一種瀏覽器又會測試1280×1024、1024×768及800×600三種不同解析度,目標是跨瀏覽器跟跨解析度(非固定寬度),完成後也確認過。
我自己都是用Firefox的,我的Blog上線後,我幾乎就沒再用IE來看自己的Blog。就這樣。前幾天我偶然在公司用IE看自己的Blog,卻發現嚴重走位。側邊欄整個跑道主要內容的下方靠右。像是左圖這樣(點了會自動放大)。
但奇怪的是,又只有首頁和一些分類是這樣,內文的部分都是OK的。我本來一直覺得奇怪,我明明測過了應該沒問題呀!所以覺得很慌,難不成我測試的時候瞎了嗎?然後我家當兵的那隻大土狗又吠說「妳以為Blog很容易嗎?連用IE看都會這樣,超low的耶!這樣我根本不想去妳的Blog看」,讓我大受刺激,加上我在Google Analytics發現,這個Blog讀者八成都是用IE,所以,死也要想辦法解決啊啊啊!
當我回去看原始碼的時候,冷靜下來,認為應該是有一個元素開了沒有關。簡單說應該是少一個,但怎麼檢察模板檔案都是沒問題的啊!所以我就索性不管了,直接在後面加一個。嗯!看起來OK了,可是到了本來OK的頁面,又變成多一個關閉元素導致頁面是又另一種亂掉(我使用的Wordpress主題是K2修改來的,基本上每個頁面主要內容都是用一個模版套出來的,所以修改一個檔案,全部都會跟著改)。
真的很生氣!後來我加上if is_home的語法,讓這個我補上的只在首頁出現,耶!首頁OK了,但我又發現有些分類仍有問題,有些分類沒問題,這不可能啊!套的都是同一個模版,怎麼可能會這樣。
後來啊!我這笨蛋終於發現,當這個頁面是有文章一覽(有文章標題以及擷取一小段文章的列表,如首頁)的時候,有時候會出現版面走位,有時候天殺的又沒問題。所以我終於「叮鈴」一聲!想到應該是某一篇文章內容有問題,可能是我寫文章時使用一個html標籤忘了關。我開始看php生成的html原始碼,一篇一篇檢查,終於被我被我發現了!
啊!居然是有一個<br…(如左圖,點圖會自動變大),搞什麼!問題是為啥IE會把它認定為開啟的標籤呢?就算認定是開啟的標籤,為何可以用關閉?真是太莫名其妙了!然後我回去修改這篇文章,就沒問題了。
整個問題可以說出在IE身上,可是大部分的笨蛋又喜歡用IE,所以我必須要低頭才行。另外也可以說問題出在截斷文章的外掛「mulberrykit」身上。既然它可以把img等標籤都去掉,為何br還在呢?真詭異!以後我發新文章時,都要注意第一段是不是剛好寫的長度跟截斷的長度一樣,一樣的話就會出現br,所以第一段不能剛好寫250字元啊!以後發新文章可能都得重新測試一次了!
總之,目前是沒有走位了吧!不過,家狗還吠說用IE看我的Blog會當機!真的假的呢!所以我把Shoutbox、MMC、MyBlogLog這些widgets都關掉了,甚至Sitemeter也不使用了,不知有沒有比較好!
很抱歉寫了這篇不知所云的抱怨文,如果你還看見這個Blog有什麼走位或是詭異的問題或慘狀,歡迎跟我說喔!(跪)