close


http://www.wretch.cc/blog/we80619

想請問會做網誌樣式的人 ^^

我的樣式為什麼會整個網上移呢?
原本都不會 今天才這樣的








eakfix">


Dear

您的問題很棘手!會造成網誌「往上移」的原因出在昨天 2011-05-25 無名網頁上方的『導覽列』與網頁下方的『工具列』改版所導致!請見官方部落格公告(當你看到這些替代文字時,表示這張圖片目前失連無法顯示,請耐心等候圖床空間自動修復喔!*・ஐﻬღLouis Vuittonღﻬஐ・* http://tw.knowledge.yahoo.com/my/my?show=AD02436593)檢視圖片按此

為何改版以後的
『導覽列』與『工具列』會影響您的網誌樣式呢?因為系統多內建了一個(當你看到這些替代文字時,表示這張圖片目前失連無法顯示,請耐心等候圖床空間自動修復喔!*・ஐﻬღLouis Vuittonღﻬஐ・* http://tw.knowledge.yahoo.com/my/my?show=AD02436593)檢視圖片kukubar.css 外部連接樣式檔,而這個 kukubar.css 樣式檔有一行宣告:

body {_overflow-x:hidden;margin:0px !important;padding:0px !important;border:none !important;height:auto;overflow-y:auto;}

問題就出在上面語法中的
overflow-y:auto;!與您的CSS樣式表第一行的 HTML {OVERFLOW:hidden;} 產生衝突!如果要解決網誌「往上移」的問題,刪除 bodyoverflow-y:auto; 就可以了,解決方法雖然很簡單,但要刪除 overflow-y:auto; 必須請求無名工程師刪除,使用者是無法自由修改這個 kukubar.css 樣式檔的!

但是,無名工程師不可能為了遷就您一個人的網誌樣式去變更設計,所以我們只能用別的方法來改善
網誌「往上移」的問題。

您是使用火狐或 Google 瀏覽器對吧?因為 IE 並沒有
網誌「往上移」的問題。請複製以下CSS貼在樣式表最底部空白位置 →〔存檔〕

#bigcontainer {
height:440px;
margin-bottom:80px;
}

~ 所得結果如下火狐瀏覽器測試畫面 ~

(當你看到這些替代文字時,表示這張圖片目前失連無法顯示,請耐心等候圖床空間自動修復喔!*・ஐﻬღLouis Vuittonღﻬஐ・* http://tw.knowledge.yahoo.com/my/my?show=AD02436593)檢視圖片

至於右側的網頁捲軸 IE 是看不到的,加上 body {overflow:hidden !important;} 語法可以隱藏火狐的網頁捲軸,不過,系統會自動清除 !important 這個絕對優先權屬性,也就是說,無名不允許使用者修改內建的 body {overflow-y:auto;} 預設捲軸,所以火狐和 Google 瀏覽器會看到右側的網頁捲軸。

倘若這樣的修改結果您不滿意,檢視圖片那麼建議您另尋其他不包含 html {overflow:hidden;} body {overflow:hidden;} 語法的CSS樣式,語法才不會
因為瀏覽器會優先顯示改版後系統內建後面加入的外部連接樣式表 kukubar.css 元素所覆蓋而無效。

希望對您有所助益~  ^_^