5568 sujets

Sémantique web et HTML

Bonjour les alsacréateurs,

(j'ai aussi exposé ce problème sur un site ami afin de doubler les chances de réponses. C'est la première fois que je sèche autant sur un problème de compatibilité IE8.... même après avoir passé en revue détaillée les mementos de Raphaël que j'ai achetés).

J'ai un souci d'affichage des ancres avec IE8.
Mes pages XHTML 1.0 Strict et CSS 2 sont validées et fonctionnent parfaitement sous :
- Firefox 3.5.3
- Opera 10.00 Rev. 1750
- Safari 4.0.3
- Google Chrome 3.0.195.27

MAIS !!! Sous IE8 8.0.600118702IC, les ancres appelées depuis le menu de leur propre page ou depuis le menu d'une autre page ne s'affichent pas à leurs places. J'ai 5 ancres sur une page, et sous IE8, à chaque fois que je clique sur un titre du menu, la page se contente de descendre de quelques dizaines de pixels.
Ma 5ème ancre se trouve environ 2500 pixels plus bas sur la page, mais IE8 se contente de descendre tout au plus de 900 pixels environ.

Lorsque j'ouvre "Outils de développement" dans IE8, il affiche en haut "Mode navigateur : Affichage de compatibilité IE8" et "Mode document : Normes IE7".
MAIS ! Si je sélectionne manuellement le "Mode navigateur : IE8", alors, le "Mode document passe AUTOMATIQUEMENT en "Normes IE8" et tout fonctionne normalement.

Je viens de passer la journée entière à tenter de résoudre ce problème en cherchant sur le web et dans la FAQ du site, sans succès.

Quelqu'un aurait-il la solution à ce problème que je pressens pourtant simple ???

Merci d'avance.

Ouf !!! Vous n'auriez pas une aspirine ??? Smiley decu Smiley lol
Sans code (X)HTML, il sera difficile de te répondre. Tout ce que je peux te dire, c'est de vérifier que tes ancres sont correctement balisées, comme suit :
lien vers une ancre
<a href="#mon-ancre">Lien vers mon ancre</a>

l'ancre proprement dite
<h2 id="mon-ancre">Titre de niveau 2 de mon ancre</h2>
Bonjour Victor BRITO,
Merci pour ta réponse.
Je n'ai pas voulu surcharger mon sujet dans un premier temps parce que je pensais que la solution au problème était simple et connue. Et c'est ce qui s'est passé.
En parcourant des sujets similaires sur ce forum, je suis tombé sur une phrase qui a attiré mon attantion : "IE6 gère mal l'attribut "fixed".

J'ai donc supprimé l'attribut "fixed" sur "background:" dans le "body" de mes feuilles CSS et tout est rentré dans l'ordre.

a écrit :
body
{ width: 1180px;
height: 100%;
background: rgb(249,242,232) url("../images/imgfond.jpg") repeat-y fixed;}