2009-06-03 5 views
0

Je suis en train de dupliquer le type d'effet de l'onglet de satisfaction - il fonctionne bien dans IE7 et Firefox et presque tous les autres navigateurs, mais tout est foutu dans Explorer 6 - Je déteste IE6 mais diable le navigateur le plus couramment utilisé - mon onglet est maintenant au lieu d'être recouvert sur le côté est assis dans le coin supérieur de ma page en poussant tout le contenu de la page vers le bas.Css affichage fixe ne fonctionne pas dans IE6

L'onglet est juste un lien avec ce style css appliqué:

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

Il est techniquement exact que IE6 est « le navigateur le plus couramment utilisé ». Voir http://marketshare.hitslink.com/browser-market-share.aspx?qprid=2 ... Aujourd'hui, IE7 est en tête à ~ 41% et IE6 à ~ 17%. (Bien que je suis d'accord ~ ​​17% est encore significatif.) –

+0

Hmmm - ne savait pas cela - le moins de gens utilisent IE6 le meilleur - de toute façon Merci à tous pour les conseils utiles :) – Ali

Répondre

2

Eh bien, avant que je commence: IE6 est en fait le plus souvent PENSEZ À navigateur utilisé. Let the numbers talk.

Le problème est probablement lié au positionnement "fixe". changez-le en absolu (et changez le code si nécessaire) ou utilisez un css conditionnel pour créer un css spécial pour ie6 uniquement.

voir quelques exemples ici: http://snipplr.com/view/2952/ie6-fixed-position-fix/

+0

Pas la meilleure page à lier lorsque l'on discute des numéros d'utilisation du navigateur ... comme ils le disent eux-mêmes en bas: "W3Schools est un site web pour les personnes ayant un intérêt pour les technologies web. les utilisateurs sont plus intéressés par l'utilisation de navigateurs alternatifs que l'utilisateur moyen.L'utilisateur moyen a tendance à utiliser Internet Explorer, car il est préinstallé avec Windows.La plupart ne recherchent pas d'autres navigateurs.Ces faits indiquent que les chiffres du navigateur ci-dessus ne sont pas 100% réalistes D'autres sites Web ont des statistiques montrant qu'Internet Explorer est utilisé par au moins 80% des utilisateurs. " – Alconja

+0

J'accepte votre commentaire. –

2

IE6 ne tient pas la position: fixé. C'est un défaut connu. Un possible (mais un peu laid) solution consiste à utiliser des expressions JavaScript dans votre fichier CSS comme ceci:

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

Utiliser des commentaires conditionnels pour limiter cette déclaration à IE6 seulement.

+0

si vous le faites, il est important que ces règles CSS soient imbriquées dans les commentaires conditionnels d'Internet Explorer –

Questions connexes