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

IE8-DIV高度有关问题求解!IE8与Firefox

2012-09-04 
IE8-DIV高度问题求解!IE8与Firefox页面布局:divclassheader/divdivclassmaindivclassleft/div

IE8-DIV高度问题求解!IE8与Firefox
页面布局:
<div   class=header> </div>
<div   class=main>
        <div   class=left> </div>
        <div   class=right>
                <div   class=right_top> </div>
                <div   class=right_bottom> </div>
        </div>
        </div>
<div   class=footer> </div>
就这样简单写了,感觉大家也能看明白:
下面入题:问题主要出现在IE8上.
main---height:80%
left---height:100%(和right等高)--这时候问题出现了,在给left的div填充数据的时候,如果数据较少,那么加上边框就可发现,left的高度明显不是100%,只有实际的高度.但是firefox下正常显示。left=right等高。
问题二:此时如果left的数据较多,已经超过了div高度,可是还是没有滚动条出现,(当然已经加了overflow了),firefox下也可以正常显示。
求在IE8下对这个高度设置的解决办法!!!要求兼容IE8和firefox

[解决办法]
楼主把你的demo整理精简下贴出来。
[解决办法]
不知道楼主的main的高度是如何定义的啊?
[解决办法]

HTML code
<script>var objLeft = document.getElementById("left");var objRight = document.getElementById("right");//使左div的高度等于右div的高度objLeft.style.height = objRight.style.height;</script><div id="left" class=left> </div>        <div id="right" class=right>                <div   class=right_top> </div>                <div   class=right_bottom> </div>        </div> 

热点排行