阿舍昨天用 IE 開網頁才發現，右欄的位置跑到下面去了，阿舍已經習慣用火狐 ( Firefox )，在更換版型後，火狐上看來正常，就忘記用 IE 開來試試看了，讓各位使用 IE 的大德們看了幾天的醜樣，真是失禮了。 ~~=__=~~

要解決這個問題，阿舍先試著把網頁的原始檔叫出來研究看看，看了許久，還是看不個端倪來，只看到自定的區塊會被放到一個 Div 的標籤 ( tag ) 中，同時，會指定一個 類別 ( Class ) 叫做 "block block-block"，另外，還發現 Drupal 在產生網頁時，是先把中間的內容 ( Content ) 產生出來後，才接著產生左、右欄位和頁尾的資料，所以，進站時，是頁首和中間的內容先秀出來，然後兩側的欄才跚跚來遲的出現 ( 通常是流量高或頻寬不足時，會更明顯 )，不過，這跟這個問題沒關係，有一點離題了....呵..呵

回到主題來，由於上次在貼一個廣告區塊時，有類似會造成網頁排版錯亂的經驗，因此，阿舍直覺的認為，自定的「區塊」 ── 有 問 題，阿舍要來驗證一下。

首先，阿舍先把那幾個自定的區塊移到左欄來試試，喔 ! 果然換成左欄淪陷了，位置跑到下面去了，右欄變成正常了，是這樣子的話，那就簡單哩，把這幾個區塊都關掉好了 ( 記得上次阿舍的問題是這樣解的...)，最好是所有自定區塊都可以關閉不要用 !! 有句成語叫作「削足適履」，正是指這種情形，這豈不是要叫各位大德把自定區塊給廢了嗎 ? No Good !! 那就找一個不會有這種問題的版型就好了.... 記得阿舍總共花了二大天才找到這個滿意的版型來用的，要換 ? 別鬧了 !

剛剛有提到，是換了版型才會這樣的，所以應該是新套用的版型有問題，但是，是那裡有問題 ? 阿舍想，應該不是版型的 style.css 檔，就是 block 套用的範本檔有問題......，先去找 style.css 檔裡面有沒有 "block block-block" 這個類別，也許把它調一調就會正常了，結果，是真的沒有地......

最後只好來喬 block.tpl.php 這個檔了，不用怕，阿舍也是第一次來碰這種檔案，其實阿舍不太想直接去改範本，因為還沒有仔細研究 Drupal 的程式開發及版型的客製化，不知道會不會以後產生一些問題，不過，問題已經發生，還是得研究出一個方法才行，不然這樣掛著也不是辦法哩......

經過一翻測試之後，終於找到問題的所在，是 "block block-block" 這個類別所引起，只要不引用這個類別，就不會有這個問題了，修改方式如下：

1. 「開始」> 「執行」> 打入「NotePad++」按「確定」> Notepad++ 開啟後，選「檔案」> 「開啟舊檔」> 移到 Drupal 安裝的資料夾下，找 themes 這個資料夾，再找 copyblogger 資料夾 ( 以阿舍裝的 copyblogger 版型為例 )，點選 block.tpl.php 檔。

2.檔案開啟後，將第三行以 "module ?>" 清掉，改成 class="" 或是隨便給個名字也可以 class =" myBlockStyle" ( 阿舍懶得想，就給了一個 "xxx"...呵..呵 )，改完後，儲存檔案。

3.再回到首頁來看，果然會正常了...

上面這樣的做法雖然可解決版型亂掉的問題，但是沒有設定 class 就等於沒有指定樣式，所以所有自定區塊的樣子可能都會有點受影響，例如阿舍的自定區塊內的文字及圖型全部緊貼在左邊邊界上，看來不太 OK，所以，如果剛剛有給 class 一個名稱的話，就可以到 copyblogger 的 style.css 去加一個類別來設定樣式。

最後有一點要提醒各位大德，每一個版型的 block.tpl.php 檔內容不一定相同，也不一定都會有版面亂掉的問題，阿舍這次用的是 "copyblogger" 這個版型，會有這個問題，如果大德在換版型之後有此類的問題，建議可以朝這個方向來修正看看。

註.
附檔是原始檔和修改後( 最後面是 .mod ) 的 block.tpl.php 檔及改過的樣式檔，提供參考用。

copyblogger 版型
http://drupal.org/project/copyblogger

後記. ( 2008/03/20 )
剛剛才發現，在 IE 裡的左、右欄又跑位了，試了老半天才發現，是因為放 Google Search 的那個區塊有問題，就給它再研究一下，呵....呵，有夠悶的哩 ! 只是因為搜尋的文字欄位太長，改短就沒事了....=___=....。

所以，如果各位大德遇到類似的情形時，建議先一個個的關掉自定的區塊，找出是那個區塊有問題後，再來喬，會比較有個方向哩 !。