页面元素居中 css获取页面中心位置
css获取页面中心位置
.fixed
{
FONT-SIZE: 30pt;
color : #1A6841;
left:expression(eval(document.body.clientWidth)/2-150);
top:expression(eval(document.body.clientHeight)/2-25);
width:300px;
height:50px;
border:green 1px solid;
background:#99CCFF;
+position:absolute;
+left:expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)/2-150);
+top:expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)/2-25);
}
网页可见区域宽:document.body.clientWidth
网页可见区域高:document.body.clientHeight
网页可见区域宽:document.body.offsetWidth (包括边线的宽)
网页可见区域高:document.body.offsetHeight (包括边线的宽)
网页正文全文宽:document.body.scrollWidth
网页正文全文高:document.body.scrollHeight
网页被卷去的高:document.body.scrollTop
网页被卷去的左:document.body.scrollLeft
网页正文部分上:window.screenTop
网页正文部分左:window.screenLeft
屏幕分辨率的高:window.screen.height
屏幕分辨率的宽:window.screen.width
屏幕可用工作区高度:window.screen.availHeight
屏幕可用工作区宽度:window.screen.availWidth
通用对联实现,Div在底部浮动
<table width="1003" border="0" cellspacing="0" cellpadding="0" align="center" id="maple1">
<tr>
<td align="center" height="30" bgcolor="#999999">浮动内容哦</td>
</tr>
</table>
<script type="text/javascript" src="Maple_Couplet.Js"></script>
<script type="text/javascript">
window.onload = function(){
n=window.screen.height; //屏幕的分辨率
m=window.screenTop; //网页内容距屏幕顶部的距离 即 IE按钮,地址栏等的高度
myBottom=n-m-30-50; //n-m-显示Div的高-底部状态栏和任务栏的高约50
//aa.innerHTML=m;
new couplet("maple1",myBottom,40);
}
</script>
<SCRIPT language="JavaScript" type="text/javascript">
function openmu() {
//var left = screen.width;
&
相关文档:
用float时发现margin不起作用,图片和文字并排时老是不能对齐,于是搜到了这篇文章。 -------------------------------------------------------------------------------------------------------------------- 原创文章,转载请注明来自张鑫旭-鑫空间-鑫生活[http://www.zhangxinxu.com] 本文地址:http://www.zhangxi ......
Firefox hr
兼容问题,在ie中正常显示的hr属性设置,在Firefox里面不管怎么弄都是他妈的不出来,改了不少属性,调整了位置,同时搜索了不少文章,仍然不
行,最后看到一篇文章说ff中必须设置背景颜色才有效果的,真是xxx的,这种问题自己闭门造车的话整上个三天三夜都找不到解决办法啊!
把代码贴出来分享下:
hr {
......
适用于只有一行文字的情况.
.ellipsis{
text-overflow:ellipsis; /*当对象内文本溢出时显示省略标记(...)*/
width:200px; height:50px;
overflow:hidden;
white-space:nowrap;
}
text-overflow是CSS3的属性,IE6以上版本、Safari、chrome 支持。它可以带2个参数:
clip [不显示省略标记(...),而是 ......
一个只用CSS就可以设置网页中居中层的方法。
今天重新尝试的时候居然不好用了。
还好以前的页还有,还能打开。
代码一摸一样就是不好用。
于是乎一段段的删除,希望能找到点线索。
css删得只剩下这段设置代码,不好用。
javascript中难道做手脚了,接着删,还是不好用。
最后删没了终于 ......