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>