首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > JAVA > Java Web开发 >

重回CSDN,IE浏览器兼容有关问题,求大神帮忙。还是CSDN的网友给力啊

2012-01-29 
重回CSDN,IE浏览器兼容问题,求大神帮忙。还是CSDN的网友给力啊~~~~~~做了一个网页,导航栏是上下收缩的,鼠标

重回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的宽度 。

热点排行