1、DW網頁設計中如何給整個網頁設置滾動條?
css屬性 overflow-y:auto; DIV裡面的內容超過DIV的高度,右邊就會自動出現滾動條
1、用一個div,定製成圖中的寬度和高度
2、然後再把div的樣式設成overflow-y:scroll,當div里的文字超出那個高度的時候,滾動條就出來了。
例如:<div style="width:100px; height:100px; overflow:auto; border:1px solid #000000;"><img src="" style="width:300px; height:300px;"></div>
2、網頁製作的頁面滾動條被隱藏了,怎麼恢復它?
html {overflow:auto !important; overflow:hidden;}
改成
html {overflow:auto !important; overflow:auto;}
3、DW軟體製作網頁里怎麼去掉頁面水平滾動條?
body, html {
overflow-x: hidden;
}
或者單獨
body{
overflow-x: hidden;
}
加上這個就解決了。
其他屬性:
overflow屬性: 檢索或設置當對象的內容超過其指定高度及寬度時如何顯示內容
overflow: auto; 在需要時內容會自動添加滾動條
overflow: scroll; 總是顯示滾動條
overflow-x: hidden; 禁止橫向的滾動條
overflow-y: scroll; 總是顯示縱向滾動條
4、網頁設計的框架集,頁面做出來後中間部分會出現滾動條,怎樣去掉
需要滾動條的時候要把 scrolling="no" 改成 scrolling="yes"
還有就是把頁面里的
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "">
和
xmlns=""
去掉,應為帶框架的頁面不是標準的頁面,沒有必要加這兩個的
5、網頁設計基礎問題 網頁下面有了一個橫向的很長的滾動條,怎麼把它去掉呢
寬度不夠就會這樣的,如果非要去掉,就會有的內容看不到了的,所以,還是調整網頁的寬度吧
6、網頁設計中我分割網頁,在主頁里總是有滾動條。怎麼去掉?
<body
scroll=no>
去掉水平滾動條:
<body
style="overflow-x:
hidden">
去掉豎直滾動條:
<body
style="overflow-y:
hidden">
隱藏橫向滾動條,顯示縱向回滾動條:
<body
style="overflow-x:hidden;overflow-y:scroll">
全部隱藏
<body
style="overflow:hidden">
或者答是
<body
scroll="no">
滾動條的屬性:
overflow-y
:
visible
|
auto
|
hidden
|
scroll
visible
:
不剪切內容也不添加滾動條。
auto
:
在需要時剪切內容並添加滾動條
hidden
:
不顯示超過對象高度的內容,這里不對這個屬性作介紹,大家喜歡的話可以自己嘗試
scroll
:
總是顯示縱向滾動條
7、網頁設計中怎麼在頁面中設置一個滾動條
css屬性 overflow-y:auto; DIV裡面的內容超過DIV的高度,右邊就會自動出現滾動條
1、用一個div,定製成圖中的寬度和高度
2、然後再把div的樣式設成overflow-y:scroll,當div里的文字超出那個高度的時候,滾動條就出來了。
例如:<div style="width:100px; height:100px; overflow:auto; border:1px solid #000000;"><img src="" style="width:300px; height:300px;"></div>
8、網頁設計如何設置網頁部分內容不隨著滾動條而移動移動?
div的樣式中使用相當於瀏覽器窗口定位——position:fixed。
一、position:fixed屬性的含義
fixed:生成絕對定位的元素,相對於瀏覽器窗口進行定位。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。
我們平時所說的固定定位指的就是fixed,設置了固定定位的元素不會隨滾動條上下滾動。
二、一般的 position:fixed; 實現方法
#top{position:fixed;bottom:0;right:20px}
實現了id為top的元素固定在瀏覽器的底部和距離右邊20個像素的位置
#top{position:fixed;top:20px;right:20px}
實現了id為top的元素固定在距離瀏覽器的頂部20個像素和距離右邊20個像素的位置
三、IE6下position:fixed; 實現方法
在IE6中是不能直接使用 position:fixed; 。你需要一些 CSS Hack 來解決它
相同的還是讓 <div id="top">...</div> 元素固定在瀏覽器的底部和距離右邊的20個像素,這次的代碼是:#top{
position:fixed;
bottom:0;
right:20px;
_position:absolute;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
right 跟 left 屬性可以用絕對定位的辦法解決,而 top 跟 bottom 就需要用上面的表達式來實現。其中在_position:absolute; 中的 _ 符號只有 IE6 才能識別,目的是為了區分其他瀏覽器
1、使元素固定在瀏覽器窗口的頂部:
#top{
_position:absolute;
_top:expression(eval(document.documentElement.scrollTop));
}
2、使元素固定距瀏覽器窗口的頂部a像素的位置:
#top{
_position:absolute;
_top:expression(eval(document.documentElement.scrollTop));
_margin-top:a;
}或者
#top{
_position:absolute;
_top:expression(eval(document.documentElement.scrollTop+a));
}
3、使元素固定在瀏覽器窗口的底部:
#top{
_position:absolute;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
4、使元素固定在距瀏覽器窗口的底部b像素的位置:
#top{
_position:absolute;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
_margin-bottom:b;
}或者
#top{
_position:absolute;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||b)-(parseInt(this.currentStyle.marginBottom,10)||b)));
}
四、IE6下的閃動問題
問題還沒有完全解決。在用了上面的辦法後,你會發現:被固定定位的元素在滾動滾動條的時候會閃動。解決閃動問題的辦法是在 CSS 文件中加入:
*html{background-image:url(about:blank);background-attachment:fixed;}
其中 * html選擇器hack是給 IE6 識別的。
到此,IE6 的 position:fixed; 問題已經被解決了
9、網頁製作中怎麼設置滾動條,代碼是什麼
你可以根據需要改動相關色彩
<STYLE>
BODY {
SCROLLBAR-FACE-COLOR: rgb(0,186,186);
SCROLLBAR-HIGHLIGHT-COLOR: rgb(0,140,109);
SCROLLBAR-SHADOW-COLOR: rgb(23,71,255);
SCROLLBAR-3DLIGHT-COLOR: rgb(233,0,93);
SCROLLBAR-ARROW-COLOR: rgb(255,23,250);
SCROLLBAR-TRACK-COLOR: rgb(93,144,255);
SCROLLBAR-DARKSHADOW-COLOR: rgb(233,0,109);
SCROLLBAR-BASE-COLOR: rgb(128,128,128)
}
</STYLE>
10、網頁設計問題,怎麼禁止底部出現滾動條?
CSS 禁止滾動條,有復4種方法,具體制如下:
1、完全隱藏
在<boby>里加入scroll="no",可隱藏滾動條;
<boby scroll="no">
2、在不需要時隱藏
指當瀏覽器窗口寬度或高度大於頁面的寬或高時,不顯示滾動條;
反之,則顯示;
<boby scroll="auto">
3、樣式表方法
在<boby>里加入style="overflow-x:hidden",可隱藏水平滾動條;
加入style="overflow-y:hidden",可隱藏垂直滾動條。
被包含頁面里加入
<style>
html { overflow-x:hidden; }
</style>
4、另一種方法
<style type="text/css">
body {
overflow-x:hidden;
overflow-y:hidden;
}
</style>
<style type="text/css">
html {
overflow-x:hidden;
overflow-y:hidden;
}
</style>