網站製作學習誌

記錄學習製作網站的一切

再談 Blog 的邊欄掉下去

通常 Link 會跑到下方,都是內容太寬的關係,這常會發生在 IE 上。因為 IE 會遇到較寬的內容時,會自動把版面撐開,導致 Link 往下掉。

解決的方式有下面幾種:

  1. 用 overflow 讓過寬的內容變成有捲軸的模式,像「用CSS顯示程式碼」這篇文章裡面提到的。
  2. 圖片儘量不要超過 content 的寬度,必要時把它縮一下。
  3. 另外 IE 提供一個 word-break 的 CSS 屬性,可以讓過長的文字折行。你可以參考一下「在 IE 上解決版面被過長程式碼撐開的問題」這篇文章裡面提到的方式,雖然是用在程式碼,不過只要是文字大部份都可以。
  4. 檢查 content 的寬度是否有指定,沒有指定的話, IE 會無法正常運作。這在「樂多Blog排版入門」的補述中有提到。

當然還會有其他不同的解決方案,只不過大部份網友的圖層觀念較為不足。因此我建議大家從最基本的結構開始,也就是先定好整個版面區塊後再慢慢加入新的效果。千萬不要想一下子就搞定版面,一來不容易,二來你可能還是不曉得你到底作了什麼事情。

真的想要研究 CSS 就買書來看吧,搞懂觀念是最重要的。

Comments