內文截斷不完全造成版面走位
想一想還是這樣的標題比較好懂。
因為這個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,所以,死也要想辦法解決啊啊啊!
當我回去看原始碼的時候,冷靜下來,認為應該是有一個元素開了沒有關。簡單說應該是少一個