標籤 ： Dear Xuiters :
新版CSS樣版自上線以來，感謝大家的鼓勵與支持，日誌小組陸續收到一些反應與建議，目前做了以下調整，已使用自訂css樣版的xuiters可參考調整。
Xuite日誌近日更新的版面架構與新版CSS定義，不太了解CSS的網友們一定有許多疑問，Xuite台長特別撰寫兩篇文章做說明，讓大家更了解Xuite做了哪些改變 & 網友們可以利用它做些什麼
1. 狗貓提到新版的sidebar寬度應增加為205px, 會與舊版較為相近.
/*定位框*/
#container原設定(document.documentElement.offsetWidth<970)?"970px":"100%");
min-width:970px;
新設定(document.documentElement.offsetWidth<990)?"990px":"100%");
min-width:990px;
/*左欄*/ #linksLeft
{
float: left;
width: 195px; à width: 205px;
margin: 5px;
pading: 5px; à padding /*拼字錯誤, 現已刪除此行*/
}
/*右欄*/ #linksRight
{
float: right;
width: 195px; à width: 205px;
margin: 5px;
pading: 5px; à padding /*拼字錯誤, 現已刪除此行*/
}
/*中間欄*/ #mid
{
position:relative;
margin: 0px 205px 0px 205px; à margin: 0px 215px 0px 215px;
padding: 5px 5px 5px 5px;
}
2. 修正IE內文字過長把版面撐開的問題. (感謝網友雅治真實提供解法)
/*文章主體*/ 文字斷行
.blogbody{
word-wrap: break-word; /*新增這個部份*/
width:100%;
}
/*留言內容*/ 文字斷行
.commenttext{
word-wrap: break-word; /*新增這個部份*/
width:100%;
margin-top:10px;
margin-bottom:10px;
}
3. 刪除重複定義之tag
/*文章分類*/ 修正
.categorySide li{
} à /*刪除這個部份*/
.categorySide li{
list-style-image:url(/_image/blogIcon19.gif);
}
4. 避免文章內頁右邊會一大片空白的問題. (感謝網友提供解法)
.trackbacktitle {
position:relative; /*新增這個部份*/
}
5. 修正calendar之拼字錯誤.
/*日曆*/ 請檢查所有calendar是否拼對!
.calenderTitle li{ à .calendarTitle li /*拼字錯誤更正*/
}
感謝網友的細心，指正css的bug，日誌小組已火速改善，請大家放心使用，非常謝謝大家。
