Voilà, je développe un site pour une assos. Je test sous Firefox pas de problème. La même page avec IE ne s'ouvre pas et il me l'envoie directement sous firefox. Pourtant aucune erreur sous DW MX.
Exemple de la page index.php
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link href="index.css" rel="stylesheet" type="text/css">
<title>Index</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div id="conteneur">
<div id="conteneur_index">
<div id="index_01"></div>
<div id="index_bas">
<div id="bottom_left">
<a class="entrer" href="accueil.php"></a>
<div id="bottom_right">
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Et sa CSS :body {
width:100%;
background-color:#000000;
margin: 0;
padding: 0;
}
#conteneur {
margin-left:auto;
margin-right:auto;
width:800px;
}
#conteneur_index {
margin-left:auto;
margin-right:auto;
width:800px;
}
#index_01 {
height: 555px;
background-image:url(Images/Index_01_1024.jpg);
}
#index_bas{
top:555px;
width: 800px;
height: 45px;
}
#bottom_left {
width:542px;
height:45px;
background-image:url(Images/Index_02_1024.jpg);
}
a.entrer { /* définition de la classe "image" de la balise <a> */
display: block; /* la balise a doit être en bloc */
position: absolute;
margin-left:542px;
width: 140px; /* largeur de l'image réactive */
height: 45px; /* hauteur de l'image réactive */
background-image:url(Images/Index_entrer_1024.jpg); /* source de l'image de départ */
background-repeat: no-repeat;
}
a.entrer:hover {
background-image:url(Images/Index_entrer_1024_over.jpg)}
#bottom_right {
width:118px;
height:45px;
margin-left:682px;
background-image:url(Images/Index_04_1024.jpg);
}
Pour tout vous dire, je ne pige plus rien. Que IE de veuille pas me l'ouvrir et que ça marche parfaitement sous Fox, pige pas...Je dois vous dire que j'attends vos lumière avec impatience !
D'avance merci !