IE6的CSS可变高度问题

IE6的CSS可变高度问题,css,internet-explorer-6,css-position,Css,Internet Explorer 6,Css Position,我无法在IE6上定位左侧边栏(可变高度DIV) 主要需要: 1.我无法设置高度值,因为高度正在变化,应该由浏览器计算。 2.侧边栏必须有顶部和底部间距 通过将位置替换为相对位置,解决了顶杆问题 有什么想法吗?提前谢谢你 在下面,您可以看到简化的代码和它在标准浏览器上的外观快照 .container { left: 550px; top: 10px; width: 196px; position: absolute; line-height: 0px

我无法在IE6上定位左侧边栏(可变高度DIV)

主要需要: 1.我无法设置高度值,因为高度正在变化,应该由浏览器计算。 2.侧边栏必须有顶部和底部间距

通过将位置替换为相对位置,解决了顶杆问题

有什么想法吗?提前谢谢你

在下面,您可以看到简化的代码和它在标准浏览器上的外观快照

.container {
    left: 550px; 
    top: 10px; 
    width: 196px; 
    position: absolute; 
    line-height: 0px; 
    font-size: 1px;
}
.inner {
    width: 100%; 
    height: 114px; 
    background-color: rgb(227, 227, 227);
}
.leftbar {
    left: 0px; 
    top: 7px; 
    bottom: 7px; 
    width: 4px; 
    position: absolute;
    background-color: rgb(111, 111, 111); 
}
.topbar {
    left: 7px; 
    top: 0px; 
    right: 7px; 
    height: 4px; 
    position: absolute;
    background-color: rgb(111, 111, 111); 
}

<div class="container">
    <div class="inner"></div>
    <div class="leftbar"></div>
    <div class="topbar"></div>
</div>
.container{
左:550px;
顶部:10px;
宽度:196px;
位置:绝对位置;
线高:0px;
字号:1px;
}
.内部{
宽度:100%;
高度:114px;
背景色:rgb(227227227);
}
.leftbar{
左:0px;
顶部:7px;
底部:7px;
宽度:4px;
位置:绝对位置;
背景色:rgb(111、111、111);
}
.顶杆{
左:7px;
顶部:0px;
右:7px;
高度:4px;
位置:绝对位置;
背景色:rgb(111、111、111);
}

IE6在绝对定位方面非常糟糕。同时从左到右或从上到下定位某些东西是行不通的

您基本上有四种选择:

  • 放弃对IE6的支持
  • 放弃绝对定位,使用其他方法(例如浮动)
  • 为IE6提供站点的简化版本-例如,使用条件注释覆盖某些样式
  • 使用JavaScript帮助IE6定位(例如)

  • IE6在绝对定位方面非常糟糕。同时从左到右或从上到下定位某些东西是行不通的

    您基本上有四种选择:

  • 放弃对IE6的支持
  • 放弃绝对定位,使用其他方法(例如浮动)
  • 为IE6提供站点的简化版本-例如,使用条件注释覆盖某些样式
  • 使用JavaScript帮助IE6定位(例如)

  • 为什么人们坚持继续使用IE6?这个词。越快结束越好。。。放弃IE6支持的人越多,其他人就越容易。如果放弃IE6真的那么容易就好了。不同网站(矿山…)的平均数据显示,17%的访客使用IE6。那是很多人。不仅仅是我客户的客户,我还有几个客户也坚持使用IE6,他们想看看自己的付费方式。为什么人们坚持继续使用IE6?Word。越快结束越好。。。放弃IE6支持的人越多,其他人就越容易。如果放弃IE6真的那么容易就好了。不同网站(矿山…)的平均数据显示,17%的访客使用IE6。那是很多人。而且不仅仅是我客户的客户,我还有几个客户也坚持使用IE6,他们想看看自己付了多少钱。