重回CSDN,IE浏览器兼容问题,求大神帮忙。还是CSDN的网友给力啊~~~~~~
做了一个网页,导航栏是上下收缩的,鼠标放上就下拉,想让它宽度充满整个屏幕宽度,所以给了width:100%,但是下面的DIV宽度是1000px,在IE浏览器下它宽度自动默认为跟下面的div宽度开始,火狐正常。然后是高度问题,因为高度是变化的,在IE下,下面的idv不管margin-top给多少,显示的还是默认顶到屏幕最顶端,隐藏的导航栏就会遮住下面的内容。但是火狐上显示正常。搞了好久,没找到答案,突然想起CSDN上专业的你们,想必能让我快乐。所以,求大神,帮忙看一下。谢谢。
下面是代码,由于太多,所以简写了一个。
- HTML code
<html><head><style>body{ background-color:#FFFFFF; margin: 0px; padding:0px; border:0px; text-align:center;}#container{ position:relative; margin:0 auto 0px auto; hight:1000px; width:100%;}#div-1{ width:100%;position:fixed;top:0;display:inline; }#div-2{ width:1000px; height:1000px; margin-top:100px;}</style><script>//就是简单的鼠标on,DIV高度拉伸,鼠标不在上面就收缩,的js代码。</script></head><body><div id=container><div id=div-1></div><div id=div-2></div></div></body></html>
大致代码就是这样,其他没贴上来的代码,本人认为跟这个布局没关系。也太繁琐,所以没提。
求解啊,整了几天了,还是没头绪呢~~~~
[解决办法]
用js 读出屏幕宽度,再计算出你需要显示的宽度,赋值给你div的宽度 。