IE6 Non Rendu Fond div

Question

Page en question: http://secantmedical.com/biomedical-textiles/biomedical-textiles.php

La zone d'en-tête avec les mots « Textiles biomédicales » est défini très simplement avec une classe CSS qui reflète le nom de la page, en l'occurrence la classe est « biomedical- textiles ". D'autres exemples incluent «applications médicales», «conception et développement», etc. Vous obtenez l'essentiel.

Exclusivement dans IE6, chaque page principale après Biomedical Textiles a une zone d'en-tête vide. Les dimensions sont conservées, mais l'arrière-plan n'est pas appliqué. La même chose est vraie pour toutes les sous-pages. Le premier enfant de Biomedical Textiles, Textile Science, a l'en-tête appliqué correctement et toutes les autres sous-pages ont une zone d'en-tête vide.

Je peux me porter garant en regardant la source que les classes sont appliquées correctement; couple avec le fait que les en-têtes apparaissent bien dans tous les autres navigateurs. Dans le fichier CSS, les classes qui fonctionnent apparaissent en premier dans leurs groupes respectifs. Quand j'échange l'un des derniers vers le haut, celui-ci fonctionne et chaque procédure ne le fait pas. Je n'ai aucune idée de pourquoi c'est. Toute assistance sera grandement appréciée.

Le CSS en question est sur les lignes 83-123 de style.css. Merci d'avance!

Answer 1

La façon dont vous avez écrit votre sélecteur dans votre CSS écrit pour ces images bg, ie6 ne le reconnaît pas. Vous l'avez écrit:

#l2-header.medical-applications { background: url('../graphx/l2-medical.jpg') no-repeat; } 

Il ne reconnaît pas le id.class. Si vous n'utilisez pas la classe ailleurs, utilisez simplement la classe sans l'identifiant devant elle. Il suffit d'utiliser:

.medical-applications { background: url('../graphx/l2-medical.jpg') no-repeat; } 

Cela devrait résoudre ce problème.