關於Dreamweaver 8排版的問題

回答問題1：
在設定表格的寬度(width)時，若把單位(unit)設為百分率(%)，例如100%，這樣表格的寬度便會是當時瀏覽器視窗窗框以內寬度的100%，所以當縮小視窗的寬度時，表格也會隨之而縮窄，從而影響每個格裡內容的編排，相信您正是這種情況。若把單位改為像素(英文為pixel，Dreamweaver內簡寫為px)，例如700像素，這樣表格的寬度便會固定不變，無論瀏覽器視窗的大小怎樣改變，表格依然會保持700像素的寬度。若想表格用盡視窗的寬度，由於多數用戶的屏幕的解像度最少達到800x600像素，於瀏覽器視窗在最大時的寬度也至少有800像素，扣除兩邊邊框及捲軸所佔的空間，750像素的寬度是較理想的選擇。

回答問題2：
其實圖層的位置跟上述表格的寬度一樣，單位可設為百分率(%)或像素(px)。按一下圖層左上方的小格子，「左」及「上」的設定可使用百分率或像素，如不註明單位則當作像素，效果跟上面設定表格的情況相同。此外，使用20吋抑或15吋屏幕，對網頁的顯示其實沒有直接影響，若兩者都採用相同的屏幕解像度，出來的排位是完全一樣，只不過所有東西的尺寸都有分別而已。

2007-06-12 22:24:30 補充：
之前 tempo430 的答案其實也值得參考，但對於初學者而言，未必完全適合，例如有些基礎概念仍未弄清楚(例如顯示器尺寸對顯示的實際影響)。

1. 是正常的。當瀏覽器寬度唔夠，多過一行o既文字就會自動隔行邊成多行。相反，當瀏覽器太闊(例如用 20" 螢幕) 佢地就可能會一行過晒咁顯示，咁反而可能無咁好睇呢。(呢種有彈性o既特性可稱作係 liquid design)

2. 用圖層來排版，網頁內容就不會跟著瀏覽者的螢幕大小而自動調節位，限制寬度。呢類叫 fixed design, 大多數都係設計俾 800x600 和 1024x768 解像度, 即 15"螢幕。就算用再大的螢幕，網頁都唔會被拉闊。當遇上一些高解像大螢幕時，fixed design 網頁通常會置中或偏左，剩出的空間便會是背景圖案或者顏色(例如空白)，當然你亦可以 set 佢偏向某一邊或一個角落 :) designer 咁做係為o左確保設計唔會o係拉闊後被破壞。不過，圖層做唔到置中。

以下呢個網站係 fixed design o既例子 (設計俾 800x600)，如果你用 1024x768 或以上解像度去睇佢左右都只會顯示兩條背景邊，解像度越高，邊越多。http://www.stopdesign.com/log/2003/12/15/fixedorliquid.html

其實好多網站都無考慮過支援高解像度所以閣下可不用太擔心。因為大部份人都是使用15"螢幕，20"等16:10/4:3高解像螢幕的價格都是最近才開始回落，要興起到佔據部份用戶都要一段漫長o既時間。

(其實到呢度您已經可以唔使睇。)
到時有咩應對辦法呢?
等我試舉兩個出來:

1) 可以好似 http://hk.yahoo.com 咁自動 detect 我地用緊幾多解像度然後就俾一個最適合o既 fixed design 版本我地

有無發覺用 用 1024x768 睇香港雅虎係無白邊，而o係 800x600 下佢都係無白邊而且網頁o既資料亦唔會多到要左右 scroll 先睇得晒呢? 全靠自動o既偵測系統。

2) 唔用 fixed design, 用一種叫 liquid design o既方法，等網頁隨視窗大小自動變大，直至所指定所容許o既大小 (max-width) 為止。

2007-06-11 07:41:10 補充：
再補充小小對圖層不能置中的解決方案。其實如果可以放棄不用圖層，放棄可以任意擺位o既方便，您可以用以下 table (表單) 方法，最簡單:插入 (insert) 表單 (table) ，製作一個 1 格 (cell) 表單, 即 1 欄 (column)，一列 (row), cell padding/spacing/border (對不起，中文我不知道) 填上 0, 表單寬度 (table width) 填上 560 左右, 假設您要對 800x600 (或以上) 作出支援，否則可填 735, 以支援 1024x768 (或以上)

2007-06-11 07:44:18 補充：
按確定 (OK) 後表格出來了，無論你打多少資料，當到達 560/735 時都會隔行，不會一行過。(有些例外情況會沒有隔行，或者當希望強制隔行時，可按 shift enter)最後就是將它置中, 將整個 table 選擇然後在"屬性" (properties) 中由"預設"改選為"置中" (align="center") 就可以了。HTML 原始碼: http://pastebin.ca/557347

2007-06-11 07:51:59 補充：
這個方法壞處是不能使用圖層，因為圖層不能置中。如要使用圖層又要置中，Dreamweaver 支援不到，一定要改原始嗎方法是在你用圖層建好網站後到 Dreamweaver 的原始碼模式加以下的 code 在 body 和 /body 的中間包住所有原有的 code 那麼圖層就會置中了。http://pastebin.ca/557415注意：如果日後您要用 Dreamweaver 加新的圖層，一定要先除去那些 code, 到製作完再加進去。

2007-06-11 08:01:31 補充：
Sorry, 第二條內的 code 錯了，應為:style="position:relative; margin:0 auto; width:560px;"其中 width 的寬度是任您定義的。

2007-06-11 08:03:46 補充：
更新了的 link: http://pastebin.ca/557443