MEPO Forum - 網站設計

[CSS] 讓整個網頁「置頂」，沒有空隙：body {margin:0}

HP — Tue, 17 Aug 2010 19:51:02 +0800

要讓網頁「置頂」情況大多是要做「置頂功能列」（例如：註冊、登入、回首頁等功能）。但有的時候都會發現「功能列」和整個視窗都有會有一些空白間隙。這個預設的空隙 Firefox 和 Chrome 大約是10px 左右，但在 IE 就比較大，大約是 20px (以上)。

解決方式很簡單，就是在 body 將 CSS 設定為 body{ margin:0} 就可以了。

但也因為各個 Browser 的預設 margin 不一樣，所以就算沒有要置頂，要維持各種 browser 畫面一致及美觀，在網頁設計之初，可加上 body{ margin-top:10px} 等類似設定。

三種讓網頁自動轉址的方法：HTML、Javascript、PHP

HP — Wed, 04 Nov 2009 03:05:05 +0800

1. HTML 的轉址方法：

在 HTML 網頁的前加入以下 HMTL 碼，網頁就會自動轉址。

<meta http-equiv="refresh" content="0;url=http://mepopeidia.com" />

其中 content=... 中的 0 是指 0 秒後自動重新整理，並轉址到 "http://mepopeidia.com" 這個 URL。

2. Javascript 的轉址方法：

在 HTML 網頁中原則上是任一地方加入以下 JavaScript 網頁就會轉址。但放在網頁 HTML 碼的開始較有效率(也較有意義)。

3. PHP 的轉址方法：

    header('Location: http://mepopedia.com');
    exit;
?>

[網頁推薦] 搞懂 CSS Position 中 Relative 和 Absolute 的用法 (有動態的圖型介紹)

HP — Fri, 10 Jul 2009 01:55:16 +0800

以下推薦的網頁是很好的 CSS Postion 用法介紹，看完之後有種可以掌握 CSS 的感覺 (而不是「被掌握」)。雖然內容是英文，但其實裡面有很多「動態的」頁面介紹，解釋得非常清楚，一下子就可以搞懂 Relative 和 Absolute 的差別和用法是什麼。推薦！

請見連結：

Learn CSS Positioning in Ten Steps (十個步驗學會 CSS Position)