2009-06-03 3 views
0

Ich versuche, die Getsatisfaction Registerkarte Art der Wirkung zu kopieren - es funktioniert gut in IE7 und Firefox und fast jeder andere Browser, aber es ist alles in Explorer 6 durcheinander - Ich hasse IE6, aber heck es der am häufigsten verwendete Browser - mein Tab wird jetzt anstatt auf der Seite überlagert, sitzt an der oberen Ecke meiner Seite und schiebt den ganzen Seiteninhalt nach unten.Css fixed Anzeige funktioniert nicht in IE6

Die Lasche ist nur ein Link mit diesem CSS-Styling angewendet:

a#feedback_link 
{ 
    position:fixed; top:40%; 
    right:0px !important; 
    z-index:9999999; 
    text-decoration:none; 
    background-color:#2E8CDC; 
    padding:0px; 
    border:0px; 
} 
+0

Es ist technisch nicht korrekt, dass IE6 ist „das am häufigsten verwendete Browser“. Siehe http://marketshare.hitslink.com/browser-market-share.aspx?qprid=2 ... Heute liegt IE7 bei ~ 41% und IE6 bei ~ 17%. (Obwohl ich stimme ~ 17% ist immer noch signifikant.) –

+0

Hmmm - wusste nicht, dass - je weniger Leute IE6 desto besser - sowieso Danke an alle für die großen hilfreiche Tipps :) – Ali

Antwort

2

Nun, bevor ich anfange: IE6 ist eigentlich die am häufigsten Browser verwendet werden, zu denken. Let the numbers talk.

Das Problem ist wahrscheinlich mit der "festen" Positionierung. ändern Sie es in absolute (und ändern Sie den Code bei Bedarf) oder verwenden Sie bedingte CSS, um eine spezielle CSS nur für IE6 zu machen.

sehen einige Beispiele hier: http://snipplr.com/view/2952/ie6-fixed-position-fix/

+0

Nicht die beste Seite, die verlinkt werden kann, wenn man Browsernutzungszahlen streitet ... wie sie sich selbst am Ende sagen: "W3Schools ist eine Website für Leute mit einem Interesse an Webtechnologien Menschen sind mehr daran interessiert, alternative Browser als der durchschnittliche Benutzer zu verwenden.Der durchschnittliche Benutzer neigt dazu, den Internet Explorer zu verwenden, da er mit Windows vorinstalliert ist.Die meisten suchen nicht nach anderen Browsern.Diese Fakten zeigen, dass die obigen Browser-Zahlen nicht 100% realistisch sind Andere Websites haben Statistiken, die zeigen, dass Internet Explorer von mindestens 80% der Benutzer verwendet wird. " – Alconja

+0

Ich akzeptiere deinen Kommentar. –

2

IE6 Position ignoriert: Fest. Es ist ein bekannter Defekt. Eine mögliche (aber etwas hässlich) Abhilfe ist JavaScript Ausdrücke in Ihrer CSS-Datei zu verwenden, etwa so:

a#feedback_link 
{ 
    position:absolute; 
    top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.4)); 
    ... 

Verwendung bedingte Kommentare nur diese Erklärung IE6 zu begrenzen.

+0

wenn Sie dies tun, ist es wichtig dass solche CSS-Regeln in IE-bedingten Kommentaren verschachtelt sind. –