2007/11/20

CSS去卷軸的方法

要配合國北師老師的網頁需求,找了一下在CSS裡去掉捲軸的方法

一開始試的方法都沒用,在Firefox都沒問題,在IE都沒用
在另一個網站找到似乎可用的方法


方法1.用css設定body的寬度
body{
width:500px;
}
方法2.把被鑲入的html頁面原始碼裡面的DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd(位置在html上面)包含<和>全部刪除

方法1是比較好的,方法2消除的那段原始碼的功能是在宣告你所製作的網頁要以什麼模式&哪種html版本顯示.關於這段原始碼的意義這裡有很詳細的介紹http://jane-wu.blogspot.com/2007/02/blog-post_2840.html
所以刪掉會比較不好.

網路上最常查到的方式是在body裡面加上溢位只顯示直向捲軸、隱藏橫向捲軸的css(請見以下原始碼),但是在實務上,這個作法在IE是沒用的(或是應該說,這種作法只有在firefox以及舊版IE才有效)。
body {
overflow-x : hidden;
overflow-y : auto;
}

等待明天去學校看看

0 意見: