problème CSS hauteur de variating avec IE6

Question

Je positionnement de problème barre latérale gauche (hauteur variating DIV) SUR IE6.

a besoin principal: 1. Je ne peux pas définir la valeur en hauteur, parce que la hauteur est variating et doit être calculé par le navigateur. 2. Barre latérale doit avoir espacements haut et en bas.

Top question à barres est résolu en remplaçant position relative.

Toutes les idées? Merci d'avance!

Ci-dessous vous pouvez voir le code simplifié et instantané à quoi il ressemble sur les navigateurs standard.

.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>

À L'ÉCRAN IMAGE LINK SHOT

Answer 1

IE6 est extrêmement mauvais en matière de positionnement absolu. Positionnement quelque chose en même temps à gauche et à droite ou de haut en bas et ne fonctionne tout simplement pas.

Vous avez quatre possibilités:

1. drop de soutien pour IE6.
2. Abandonner sur le positionnement absolu et d'utiliser une autre méthode (flotte par exemple).
3. Fournir abêtis version du site pour IE6 - par exemple primordial certains styles en utilisant des commentaires conditionnels
.
4. Utiliser JavaScript pour aider IE6 dans le positionnement (par exemple