problème de compatibilité IE

**born_to_eat** · 20/04/2011, 19h20

Bonjour tout le monde,

je suis entrain de créer un web site pour mon club de sport, en XHTML/CSS, pas encore de PHP ni javascript. Tout marchais pour le mieux, mes tests dans chrome fonctionnaient tip top, mais en essayant dans IE8 (aussi IE9) certaines choses ne s'affichaient plus. Plus précisément certaines images, à la place j'ai le nom de l'image et une belle croix rouge. Le texte s'affiche par contre correctement, c'est vraiment les images qui merde. Voici mon code XHTML et CSS pour ma page de titre, c'est tout con, mais justement l'image ne s'affiche pas dans IE :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr-ch" >
	<head>
		<title>Club des lutteurs des montagnes neuchâteloises</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<link rel="stylesheet" media="screen" type="text/css" title="Club des lutteurs des montagnes neuchâteloises" href="css/clmn_title.css" />
	</head>
 
	<body>
		<div>
			<p>    
				<a id="titre" href="html/clmn_news.html"><img class="titre" src="images/logo.jpg" alt="Club des lutteurs des montagnes neuchâteloises" title="Club des lutteurs des montagnes neuchâteloises"/></a>
			</p>
		</div>
	</body>
</html>

et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
body
{
background:black;
text-align:center;
margin-top: 120px;
border:none;
}
#titre
{
   border: none;
}

Donc je rappel le problème, mon image ne s'affiche pas et est remplacé par une croix et le nom de l'image dans IE, sous chrome,firefox, opera et safari ça fonctionne sans problème.

dans la suite de mon site j'ai le même problème, mais je ne vais pas mettre tout le code, vu que c'est exactement le même problème qu'ici.

je précise juste que mon site est encore sur mon ordi, je n'ai pas encore d'hebergeur.

merci pour votre aide

Salutations

born_to_eat

**born_to_eat** · 20/04/2011, 21h06

Problème résolu!!!!!

Le problème, viens des extensions des images...IE semble en faire qu'à sa tête, car des fois il accepte .jpg et pas .png et d'autres fois le contraire. Et c'est n'est pas un problème de mon code, car pour chaque page de mon site, en haut à droite il y a une image différente, donc mon code est du copié collé sur chaque page à l'endroit où j'insère mon image, et donc IE se dit que des fois on va accepter .jpg et d'autre fois .png.

mais si quelqu'un à déjà eu ce genre de problème et a une solution, c'est avec grand plaisir, car je n'ai pas envie que à chaque fois que je dois mettre une image, je dois regarder si c'est jpg ou png qui marche.

Salutations

Tschüss