28172 sujets

CSS et mise en forme, CSS3

Problème d'affichage sous Internet Explorer

Bonjour,

Je rencontre un problème avec IE 9(avec IE 8 c'était la même chose).
Quand je survole mon conteneur avec la souris, sa couleur change pour devenir celle du fond de page.


Avant survol:


http://img233.imageshack.us/img233/9978/83230836.jpg



Après survol:


http://img577.imageshack.us/img577/5159/pasok.jpg

Le problème ne se pose pas avec un autre navigateur.


Voici le code source de la page: 



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html> 
<head> 
<link rel="stylesheet" type="text/css" media="screen" href="style.css"> 
<title>Micronantes dépannage informatique Nantes</title> 
<script type="text/javascript"> 
 
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-19022286-1']);
  _gaq.push(['_trackPageview']);
 
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
 
</script> 
</head> 
 
<body> 
<div class="conteneur"> 
 
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="600" height="130"> 
<param name="movie" value="mnblue.swf"> 
<param name="quality" value="high"> 
<param name="loop" value="false"> 
<embed src="mnblue.swf" quality="high" loop="false"pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="600" height="130"></embed></object></br> 
 
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="600" height="50"> 
<param name="movie" value="assisw.swf"> 
<param name="quality" value="high"> 
<embed src="assisw.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="600" height="50"></embed></object> 
<!--<img id="banniere" src="mnblack.swf">--> 
 
 
 
<div id="menuindex"> 
<ul> 
 <li><a href="index.html">Accueil</a></li> 
 <li><a href="prestations.html">Prestations</a></li> 
 <li><a href="contact.html">Contact</a></li> 
 <!--<li><a href="#">A voir</a></li>--> 
</ul> 
</div> 
 
<div class="bloc"> 
	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="800" height="190"> 
	<param name="movie" value="bloc.swf"> 
	<param name="quality" value="high"> 
	<embed src="bloc.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="800" height="190"></embed> 
	</object> 
</div> 
<div class="blabla"> 
<p>Assistance informatiques toutes versions de systèmes Windows, Mac et Linux, logiciels et périphériques sur Nantes. Rapidité, efficacité, qualité.</p> 
<p><font size="10"color="#CC6600">07.86.11.06.94</p></font> 
</div> 
 
 
</body> 
</html>





Voici la feuille de style:


body {
 text-align: center;
 margin: 0;
 padding: 25px 0;
 background: url(degrade.gif);
}

.conteneur 
{margin: 0 auto;
 width: 800px;
 height: 650px;
 border: 12px solid white;
 -moz-border-radius: 50px;
 -webkit-border-radius: 50px;
 border-radius: 50px;
 -webkit-box-shadow: #666 0px 2px 30px;
 -moz-box-shadow: #666 0px 2px 30px;
 box-shadow: #666 0px 2px 30px;
 background: #0066CC;
 behavior: url(PIE.htc);
 /*padding-bottom: 80px;*/
}

.blabla {
margin-top: 10px;
margin-left: 100px;
margin-right: 100px;
color: white;
font-weight: bold;
font-size: 20px;
}

.conteneurpresta
{margin: 0 auto;
 width: 800px;
 height: 700px;
 background: #0066CC;
 border: 12px solid white;
  -moz-border-radius: 50px;
 -webkit-border-radius: 50px;
 border-radius: 50px;
 -webkit-box-shadow: #666 0px 2px 30px;
 -moz-box-shadow: #666 0px 2px 30px;
 box-shadow: #666 0px 2px 30px;
 behavior: url(PIE.htc);
 padding-bottom: 80px;
 color: #3399FF;
 }
 
 
.conteneurcontact 
{margin: 0 auto;
 width: 800px;
 height: 700px;
 background: #0066CC;
 border: 12px solid white;
 -moz-border-radius: 50px;
 -webkit-border-radius: 50px;
 border-radius: 50px;
 -webkit-box-shadow: #666 0px 2px 30px;
 -moz-box-shadow: #666 0px 2px 30px;
 box-shadow: #666 0px 2px 30px;
 background: black;
 behavior: url(PIE.htc);
 padding-bottom: 80px;
}

#menuindex  
ul {
 margin-left: auto; 
 margin-right: auto;
 width: 400px;
 list-style-type:none; /*pour éviter les boutons de puces*/
 }
li {
 float:left; /*pour IE*/
 border:3px solid white;
 }
ul li a {
 display:block;
 float:left;   
 width:120px;
 line-height:40px; /*hauteur de l'image de fond*/
 background:black url(1.png) repeat-x;
 color:white;
 text-decoration:none;
 text-align:center;
 font-family: Arial black;
 font-weight: bold;
 }
ul li a:hover {
 background:black url(8.png) repeat-x;
 color:white;
 }
 

.bloc  {
height: 190px;
width: 100%;
margin: 100px 0 20px 0;
background: url(mnblue.swf);
}

.texte {
color: white;
font-weight: bold;
font-family: Verdana;
}


.textepresta  {
border: 10px solid #808080;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
margin-top: 20px;
margin-left: 50px;
margin-right: 50px;
behavior: url(PIE.htc);
}

.tarif {
margin-top: 80px;
font-family: Verdana;
font-weight: bold;
font-size: 20px;
color: #CC6600;
}

.dlb {
margin-top: 20px;
color: white;
font-weight: bold;
font-size: 16px;
font-family: Verdana;
}

.dl {
color: white;
font-weight: bold;
font-size: 16px;
font-family: Verdana;
}


.textecontact {
margin-top: 80px;
margin-bottom: 30px;
color: white;
font-weight: bold;
font-size: 16px;
font-family: Verdana;
}

#contact {
color: #CC6600;
font-weight: bold;
font-size: 16px;
font-family: Verdana;
}



strong {
font-size: 1.1em;
font-weight: bolder;
color: #CC6600;
/*text-decoration: underline;*/
}



Merci de vous pencher sur mon cas! Smiley cligne


P.S. : je viens de me rendre compte que le problème ne se présentait pas sous Windows dans XAMPP, mais seulement lorsque mon site est hébergé sur un Apache 2 qui tourne sous Debian...
Modifié par carbaba (21 Feb 2011 - 15:14)
J'ai changé mon hébergement et le problème ne se pose plus.
Ca venait donc du serveur, mais quel était le soucis, je n'en sais absolument rien!
Sujet clos
Aller à