2009-06-14 14 views
1

Ich habe Probleme beim Positionieren der linken Seitenleiste (variierende Höhe DIV) auf IE6.CSS Variable Höhe Problem mit IE6

Hauptanforderungen: 1. Ich kann Höhenwert nicht einstellen, Ursache Höhe ist variabel und sollte von Browser berechnet werden. 2. Die Seitenleiste muss obere und untere Abstände haben.

Das Problem mit der oberen Leiste wird durch Ersetzen der Position relativ gelöst.

Irgendwelche Ideen? Vielen Dank im Voraus !

Im Folgenden können Sie vereinfachten Code und Snapshot sehen, wie es 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 TO SCREEN SHOT IMAGE

+1

Warum bestehen die Leute darauf, weiterhin IE6 zu verwenden? –

+0

Wort. Je früher es geht, desto besser ... und je mehr Leute, die IE 6-Unterstützung verlieren, desto einfacher für alle anderen. – cloudhead

+0

Wenn es nur so einfach wäre IE6 fallen zu lassen. Ein Durchschnitt von verschiedenen Seiten (meins ...) zeigt, dass 17% der Gesamtzahl der Besucher IE6 benutzen. Das sind viele Leute. Und nicht nur die Kunden meiner Kunden, ich habe auch einige Kunden, die mit IE6 feststecken und wollen sehen, wofür sie bezahlen. – jeroen

Antwort

1

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

Sie haben grundsätzlich vier Möglichkeiten:

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