Проблема с изменением высоты CSS с IE6

Question

У меня проблемы с расположением левой боковой панели (вариационная высота DIV) ON IE6.

Основные потребности: 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> 

LINK TO SCREEN SHOT IMAGE

Answer 1

IE6 является чрезвычайно плохо, когда дело доходит до абсолютного позиционирования. Позиционирование чего-то в то же время слева и справа или сверху и снизу просто не работает.

Вы в основном есть четыре варианта:

1. падения поддержки для IE6.
2. Откажитесь от абсолютного позиционирования и используйте какой-либо другой метод (например, поплавки).
3. Предоставьте отключенную версию сайта для IE6 - например, переопределение некоторых стилей с использованием условных комментариев.
4. Используйте JavaScript, чтобы помочь IE6 в позиционировании (например, absolutefudge.js).