1.管理介面
原本就是字,是你在css指定成圖才這樣的;不是什麼東西都要用absolute才能解決,
簡單到不行的東西,卻被你搞得很複雜。

#authority {
position:absolute; /*刪除*/
right:580px; /*刪除*/
top:1px; /*刪除*/
text-align:center; /*inline-level內容置中*/
}

以下的css定義都刪掉就可以了,如果有需要,可以在這裡定義背景色或字的色。

#authority a
#authority a#newpost
#authority a#backstage


2.選單導覽列

#navigation{
left:850px; /*刪除*/
right:0; /*如果你是要比較靠右,加這項,指定右邊位移的值就可以了*/
}
不過,這樣還不算完美,因為依你目前的css設計只能以「視窗開啟的區域四邊」為位移起點,
在高解析度螢幕看就會不一樣位置。


3.部落格人氣欄
如果你指的是整欄,用absolute就可以移位了呀,也不會佔位置,有什麼難！？
因為以你現在狀況,會以「視窗開啟的區域四邊」為位移起點,不過這樣不會算很完美,
由於不知道你要怎麼放,只能先告訴你這樣。

#counter{
position:absolute;
top:0;
left:0; /*位移值自己定*/
}

2009-01-09 2:30pm

假設
<div id="menu">
<ul>
...
</ul>
</div>

#menu {
position: fixed;
top: 0;
right: 0;
left: 0; /*左右位移距離都指定*/
overflow: auto; /*視窗縮小時產生捲軸*/
}

#menu ul {
width: ???; /*寬度指定在較內層元素*/
}

fixed 是以 viewport (可視區) 四邊為位移基準，只在視窗改變尺寸時才會有影響其位置，捲動捲軸並不會改變視窗大小，所以當然看起來都不會動。
我不知道你原來是要做什麼，只能簡單舉例給你觀念，注意產生捲軸會影響版面喲！

2008-10-02 5:00pm

我只看W3C網站，所以中文...，沒仔細查過。W3C的東西太多了，據我了解，沒有專門中譯的站，W3C本身已經有開始一點點文章有中譯，只是剛開始，沒太多東西，去看看吧

http://www.w3.org/2005/11/Translations/Lists/ListLang-zh-hant.html

我想花點時間在這個部落寫多一點東西，有時間還是會上去無障礙網看看的，如果這裡有寶，不用客氣，就儘量挖嘍。

這只是在不增加元素的狀況下，clear的一種方式，並非修正fx。fx沒問題，別搞錯了。要為這個寫教學文，牽涉太廣，要寫很多，改天有機會再寫吧。我已經先寫好::after ::before了，看看吧。
上課時告訴過你們，如果物件定義float，就不會佔據外層物件的空間，所以如果沒有其它的物件在裡面，外層高度就會變成0，因此如果要讓外層物件能隨著內容增高，就必須在float物件之後及外層物件結尾標籤前加一個沒內容的元素div或span都可以，然後以CSS定義它clear，這樣就不會擠上去了，這是每個瀏覽器都會發生的「正常」呈現，並非fx的問題。這個方法到目前來看，在各家瀏覽器的表現仍舊是最好的方式，沒有必要的話不要使用網路上其它亂七八糟方法。
而如果因某些原因(像我的部落格)沒辦法自行加入元素，才需要用到你提的技巧，而這個方法ie並未支援，完整最好這樣寫：

外層物件::after{
content:".";/*加入擬元素,加什麼都可以啦,*,#,-反正不影響原來內容就好*/
clear:both;/*在外層物件最後處清除,所以才能撐開高度*/
display: block;/*因為clear特性只在block-level有效*/
height: 0;/*從這開始,以下都是要讓那個多加的 . 看不見,並且不佔空間*/
line-height:0;
overflow:hidden;
visibility: hidden;/*實際上這行是不需要的,但是fx在after時硬是會出現那個 . ,而before不會*/
}

那ie怎麼辦呢？只要讓外層物件hasLayout ( http://boohover.pixnet.net/blog/post/14187356 ) 就可以了，
像ie6給個

* html 外層物件{height:0;}

或ie7給

外層物件{min-height:0;}

，如果本來就有寬或高就不用了。
所以，其實這個方法並沒有好用到那去，因為又要顧ie，又要顧非ie，而且還要寫了一大串CSS。
2008-01-18 07:00pm