CSS -Variationshöhenproblem mit IE6

Question

Ich habe eine Problem mit der linken Seitenleiste (Variationshöhe Div) auf IE6.

Hauptbedarf: 1. Ich kann den Höhenwert nicht festlegen, die Höhe ist variieren und sollte mit dem Browser berechnet werden. 2. Die Seitenleiste muss obere und untere Bereiche haben.

Das Top -Balk -Problem wird gelöst, indem die Position durch relativ ersetzt wird.

Irgendwelche Ideen ? Danke im Voraus !

Im Folgenden sehen Sie vereinfachte Code und Snapshot, wie er auf Standardbrowsern aussieht.

.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 zum Screen -Shot -Bild

Answer 1

IE6 ist enorm schlecht, wenn es um die absolute Positionierung geht. Das gleichzeitig von links und rechts oder von oben und unten zu positionieren funktioniert einfach nicht.

Sie haben im Grunde vier Optionen:

1. Drop -Unterstützung für IE6.
2. Geben Sie die absolute Positionierung auf und verwenden Sie eine andere Methode (z. B. Floats).
3. Geben Sie eine verblüffte Version der Site für IE6 an - z. B. Überschreibung einiger Stile mit bedingten Kommentaren.
4. Verwenden Sie JavaScript, um IE6 bei der Positionierung zu unterstützen (zum Beispiel Absolutefudge.js).