Question 1 :

文中附圖圖片寬度過寬(大於#content寬度)，會出現版面位置移位問題。


Ans :
(1)文中附圖過寬，可調整三欄式版面為二欄式以方便瀏覽。
將文中圖片寬度調整至安全寬度 ( 三欄式圖片之安全寬度: 500px, 二欄式:700px )
若無法解決版面問題，請參閱 Ans(2)。

(2) 相關問題可參閱 阿民嫂的懸疑的XUITE
若文中附圖圖片寬度過寬導致版面位置移位問題，可自訂#container裡width屬性。
預設#container 值
/*定位框*/
#container {
  position:relative;
  text-align: left;
/* width:100%;
 behavior:expression( this.style.width = (document.documentElement.offsetWidth<990)?"990px":"100%"); 
 min-width:990px; */

 Width: 800 px; ( 視圖檔大小調寬 width，例 : 1600 px )
 padding:0px 0px 0px 0px;
 margin:0px auto;
 background-image:url(blogBg_1.jpg);
  background-repeat:no-repeat;
 }

提供三個調整width的方式，請擇一使用，不使用的code部份請用註解 /* . .. ..*/ 將code包起來。

選擇一
width:100%;
照原比例顯示，無任何調整
選擇二
behavior:expression( this.style.width = (document.documentElement.offsetWidth<990)?"990px":"100%");
 min-width:990px;
如果文件的寬度小於990px，則this.style.width=990px
否則this.style.width=100% ，最小寬度為990px
選擇三
Width: 800 px;
可視圖檔大小彈性將#container的width寬度自訂為800px


Question 2 :

自訂自由欄位寬度過大造成版面擠壓


Ans :

(1)調整自由欄位內容物寬度，至欄寬寬度為195px以下。
(2)加大自由欄位寬度，以容納物件大小。
加寬css樣式表 #mid 的 margin值 ，並加大#linksRight寬度。
ex : 自由欄位插入物件大小為 230, 所以我們調整三個地方加大sidebar的空間.
/*左欄*/
#linksLeft
{
float: left;
width: 205px; --> 加寬左欄為 width: 230 px
margin: 5px;
}
/*右欄*/
#linksRight
{
float: right;
width: 205px; --> 加寬右欄為 width: 230 px
margin: 5px;
}

/*中間欄*/
#mid{
position:relative;
margin: 0px 215px 0px 215px; --> 加寬 margin: 0px 240px 0px 240px;
padding: 10px 5px 5px 5px;
}


Question 3 :

文章內容被自由欄位吃掉 或 文章區塊的樣式被自由欄位設定所取代 (ex: 文字不正常地置中或字型跑掉)


Ans :

(1) 檢查 自由欄位裡 網頁語法 tags 的完整性。