瀏覽網頁問題

應該是瀏覽器捲軸出現造成的
firefox 如果網頁內容比瀏覽器畫面小 預設是不會出現捲軸的
當網頁內容大於瀏覽器畫面的時候 捲軸才會跳出來 這部分大概有 20 px 左右的寬度
所以當捲軸跳出來的時候 你的畫面會少掉 20px 中心點就會往左靠

而 IE 右側的捲軸預設則是一直顯示
當內容無法捲動的時候是停用而不是隱藏
所以畫面的跳動比較不明顯

不過我在用 firefox 讀取畫面的時候
發現是頁面讀取到一半之後
捲軸才跳出來
所以感覺頁面讀到一半的時候會有畫面往左跳動的感覺
頁面裡面可內有拖慢網頁高度計算的設計
造成捲軸出現的太晚

其實用 IE 開也是有跳動
不過不是寬度 而是某些元素的高度會在讀取到一半時 明顯的縮小

我有稍微看了一下網頁結構
你頁面中間的 contentwrapper 的 div 並沒有正確的包住 左中右欄
用 firebug 移到 contentwrapper 的 tag 上時看不到 contentwrapper 的範圍

這部分的結構：

你的 左中右欄用了 float 設定了浮動效果
應該在 contentwrapper 結束前使用 clear: both 清除浮動效果
但是沒有在 contentwrapper 內清除 float 效果
所以 contentwrapper 的高度沒有受到 左中右任何一欄高度的影響
你的 footer 區域等於是直接被左中右之中高度最高的一欄往下擠 (因為 footer 上面那一行 clear: both 的關係)
而不是受到 contentwrapper 高度的影響

你的結構應該要改成：

在 navigation-breadcrumb 下面也有一個怪怪的 clear: both

把網頁的結構做過調整
提高瀏覽器計算頁面高度的速度
應該可以降低畫面顯示到一半時
因為捲軸跳出來而造成的畫面跳動感