28173 sujets

CSS et mise en forme, CSS3

Bonjour tout le monde,

j'ai un souci concernant un menu vericale avec un background se composant des boutons normaux et sur la droite des boutons pour le hover (en couleur).
Le problème vient du fait que pour le hover je n'ai qu'a faire un backgroud-position différent afin qu'on voit le bon bouton en couleur (comme sur www.alsacreations.com) mais si il n'y a aucun problème sur mozilla le "backround position" donne quelque chose de tout à fait différent sur internet explorer. Alors je sais que mozilla et ie ne calcule pas les pixels de la même manière à partir d'un certain nombre de pixels puisque ie voit la largeur à la hauteur comme min-width ou min-height mais dans le cas présent le décallage est plus grand que 10 pixels.


#corps #conteneur #menu {
  margin: 0%;
  padding: 0%;
  float: left;
  width: 19.89%;
  height: 350px;
  line-height: 0.1px;
  text-align: right;
}
#menu ul {
  margin: 0;
  padding: 0;
  float: right;
  width: 150px;
  height: 350px;
  background-image: url(../images/menu_entier_normal.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px 0px 0px;
}
#corps #conteneur #menu li {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-indent: 50px;
}
#corps #conteneur #menu li a {
  display: block;
  margin: 0;
  padding: 0;
  height: 49.3px;
  line-height: 49.3px;
  width: 150px;
  font-size: 1px;
}
#corps #conteneur #menu li a:hover {
	background: url(../images/menu_entier_normal.jpg);
	background-repeat: no-repeat;
}
#corps #conteneur #menu #presentation a:hover {
  background-position: -150px -0px;
}
#corps #conteneur #menu #prestation a:hover {
  background-position: -150px -50px;
}
#corps #conteneur #menu #conseils a:hover {
  background-position: -150px -100px;
}
#corps #conteneur #menu #recrutements a:hover {
  background-position: -150px -150px;
}
#corps #conteneur #menu #marques a:hover {
  background-position: -150px -200px;
}
#corps #conteneur #menu li a span {
  position: absolute;
  left: -5000px;
  font-size: 1px;
}


Merci d'avance Smiley cligne
C'est dingue j'arrive vraiment pas à comprendre et ca me bloque pour mon developpement. Si quelqun avait ne serait ce qu'une petite idée sans vouloir vous embèter mais ca me dépannerait vraiment beaucoup, merci d'avance.
Modifié par jacquesdupontd (17 Aug 2006 - 11:42)