ie6中不必要的垂直滚动条

时间:2010-03-19 07:08:17

标签: css

是否有任何可以帮助我如何删除ie6中不必要的滚动条。我已经把溢出了y:隐藏;但仍然是相同的输出。

提前致谢

这是我的网址

http://webberzsoft.com/clients/csslayouttest/template_new.php

这是我的css

* {margin:0;padding:0;}/*for demo purposes only, use a proper reset in your final layout*/

html,body { overflow: auto; height:100%; }
body {
    font-size:100%;
    background:#777;
}
#wrapper{
    min-height:99%;
    width: 1240px;
    margin:0 auto;
    background: #FFFFFF;
    border-left:1px solid #000;
    border-right:1px solid #000;
}
#header {
    background:#77F;
    border-bottom:1px solid #000;
    height: 70px;
}
#content{/*just to create top padding without tampering with min-height:100% on #inner*/
    padding:10px 0;
    overflow:hidden;/*contain floats*/
}  
    #left-index {
        float:left;
        width:220px;
    }
    #right-index {
        float:right;
        width:180px;
    }
    #middle-index {
        float:left;
        width:840px;
        overflow:hidden;/*contain floats*/
    }  
    #left-home {
        float:left;
        width:300px;
    }
    #right-home {
        float:right;
        width:940px;
    }   

这是我的HTML

<div id="wrapper">
    <div id="header">
        <h1 align="right">Fixed Header</h1>
        <h3>IE6 gets an expression</h3>
    </div>
    <div id="content">
        <div id="left-index">
            <h3>Left</h3>
            <p>Lorem ipsum dolor sit amet consectetuer quis tempus tristique facilisi Vestibulum. Gravida 
            rhoncus orci leo neque mattis felis Sed et tincidunt tellus. Massa ac condimentum elit ridiculus 
            eget urna wisi id Suspendisse ullamcorper.</p>
            <p>Hendrerit eros ridiculus urna ipsum leo a ac sed tortor nisl. Tincidunt Morbi justo dis odio 
            sit non sapien enim a augue. Sapien odio dui est Sed nisl id id malesuada sagittis et.</p>
            <p>Lorem ipsum dolor sit amet consectetuer quis tempus tristique facilisi Vestibulum. Gravida 
            rhoncus orci leo neque mattis felis Sed et tincidunt tellus. Massa ac condimentum elit ridiculus 
            eget urna wisi id Suspendisse ullamcorper.</p>
            <p>Hendrerit eros ridiculus urna ipsum leo a ac sed tortor nisl. Tincidunt Morbi justo dis odio 
            sit non sapien enim a augue. Sapien odio dui est Sed nisl id id malesuada sagittis et.</p>
            <p>Lorem ipsum dolor sit amet consectetuer quis tempus tristique facilisi Vestibulum. Gravida 
            rhoncus orci leo neque mattis felis Sed et tincidunt tellus. Massa ac condimentum elit ridiculus 
            eget urna wisi id Suspendisse ullamcorper.</p>
            <p>Hendrerit eros ridiculus urna ipsum leo a ac sed tortor nisl. Tincidunt Morbi justo dis odio 
            sit non sapien enim a augue. Sapien odio dui est Sed nisl id id malesuada sagittis et.</p>
            <p>Lorem ipsum dolor sit amet consectetuer quis tempus tristique facilisi Vestibulum. Gravida 
            rhoncus orci leo neque mattis felis Sed et tincidunt tellus. Massa ac condimentum elit ridiculus 
            eget urna wisi id Suspendisse ullamcorper.</p>
            <p>Hendrerit eros ridiculus urna ipsum leo a ac sed tortor nisl. Tincidunt Morbi justo dis odio 
            sit non sapien enim a augue. Sapien odio dui est Sed nisl id id malesuada sagittis et.</p>
            <p>Lorem ipsum dolor sit amet consectetuer quis tempus tristique facilisi Vestibulum. Gravida 
            rhoncus orci leo neque mattis felis Sed et tincidunt tellus. Massa ac condimentum elit ridiculus 
            eget urna wisi id Suspendisse ullamcorper.</p>
            <p>Hendrerit eros ridiculus urna ipsum leo a ac sed tortor nisl. Tincidunt Morbi justo dis odio 
            sit non sapien enim a augue. Sapien odio dui est Sed nisl id id malesuada sagittis et.</p>
            <p>Lorem ipsum dolor sit amet consectetuer quis tempus tristique facilisi Vestibulum. Gravida 
            rhoncus orci leo neque mattis felis Sed et tincidunt tellus. Massa ac condimentum elit ridiculus 
            eget urna wisi id Suspendisse ullamcorper.</p>
        </div>
        <div id="middle-index">
            <h3>Middle</h3>
            <p>Lorem ipsum sed pede non adipiscing nulla lacinia ipsum quis ac Integer. Ut consectetuer Cras fringilla 
            Ut non gravida morbi Maecenas semper vel. Vestibulum quis In Nulla Vivamus Sed feugiat Quisque et 
            ipsum tincidunt. Semper vitae cursus metus risus enim gravida tellus id dignissim nec. Justo laoreet 
            dui commodo Integer malesuada vel quis vel consequat metus. Nec id dolor Aliquam Nullam gravida 
            libero montes nunc ante Nulla. Tortor id.</p>
            <p>Lorem ipsum sed pede non adipiscing nulla lacinia ipsum quis ac Integer. Ut consectetuer Cras fringilla 
            Ut non gravida morbi Maecenas semper vel. Vestibulum quis In Nulla Vivamus Sed feugiat Quisque et 
            ipsum tincidunt. Semper vitae cursus metus risus enim gravida tellus id dignissim nec. Justo laoreet 
            dui commodo Integer malesuada vel quis vel consequat metus. Nec id dolor Aliquam Nullam gravida 
            libero montes nunc ante Nulla. Tortor id.</p>             
            <p class="lgmarg">testing text for scrolling</p>  
            <p class="lgmarg">testing text for scrolling</p>
            <p class="lgmarg">testing text for scrolling</p>
            <p class="lgmarg">testing text for scrolling</p>  
            <p class="lgmarg">testing text for scrolling</p>
            <p class="lgmarg">testing text for scrolling</p>  
            <p class="lgmarg">testing text for scrolling</p>
            <p class="lgmarg">testing text for scrolling</p>
            <p class="lgmarg">testing text for scrolling</p>  
            <p class="lgmarg">testing text for scrolling</p>        
        </div>      
        <div id="right-index">
            <h3>Right</h3>
            <p>Lorem ipsum dolor sit amet consectetuer quis tempus tristique facilisi Vestibulum. Gravida 
            rhoncus orci leo neque mattis felis Sed et tincidunt tellus. Massa ac condimentum elit ridiculus 
            eget urna wisi id Suspendisse ullamcorper.</p>
            <p>Hendrerit eros ridiculus urna ipsum leo a ac sed tortor nisl. Tincidunt Morbi justo dis odio 
            sit non sapien enim a augue. Sapien odio dui est Sed nisl id id malesuada sagittis et.</p>            
        </div>                     
    </div><!--end content-->
</div> 

1 个答案:

答案 0 :(得分:0)

您是否尝试过只在html元素设置溢出?

html { overflow:auto }
html, body { height:100% }