0
J'ai une page Web. Cette page Web semble correcte dans IE 7, 8 FF 2, 3, 3.5 Safari 3, 4 Opera 9, 10 et Chrome. Essentiellement tout sauf IE 6.CSS + IE 6 = Mise en cache et remplissage de l'image
La mise en page semble même très bien. Il y a apparemment deux choses qui ne se montrent pas correctement.
- Chaque élément de liste comporte une ligne verticale grise. Cette ligne bouge si j'ajuste ma valeur de remplissage. Je ne veux pas la ligne verticale grise. Cette ligne n'apparaît que dans IE 6.
- J'ai une liste qui descend. Lorsque cette liste apparaît la première fois, les images d'arrière-plan apparaissent. Cependant, lors des tentatives suivantes, l'image n'apparaît pas. Encore une fois, ce n'est que sur IE 6.
Voici le code général que j'utilise. J'ai déplacé les styles en ligne pour des raisons de lisibilité.
<div id="theDiv" style="height:29px; width: 100%; background-image: url('./Images/bg.jpg');position:absolute; top:10px;">
<ul style="list-style-type:none; position:relative; display:inline;">
<li style="position:relative; display:inline; background-image: url('./Images/bg2.jpg'); padding:5px 6px;">Item 1</li>
<li style="position:relative; display:inline; background-image: url('./Images/bg2.jpg'); padding:5px 6px;">Item 2</li>
</ul>
</div>
Comment puis-je surmonter ces problèmes stupides? Je vous remercie!
Avez-vous une page de test en ligne que nous pouvons voir? –
Oui, être en mesure de voir cela en action serait beaucoup mieux. Cette ligne verticale peut-elle faire partie de l'image de fond et l'image doit juste être repositionnée? Juste un coup dans le noir. – Slevin
Est-ce que cela aide le problème 2 si vous utilisez plutôt les urls de l'image d'arrière-plan complète? J'ai entendu que IE6 peut avoir des problèmes appelant des images dans CSS en fonction du répertoire dans lequel ils sont stockés. Sinon, je suis d'accord avec Ionut et Slevin - Soit afficher le code dans son intégralité ou un lien vers la page à la question serait beaucoup plus utile ici. – sfarbota