28172 sujets

CSS et mise en forme, CSS3

bonjour!

en train de finir le développement d'un site et de m'occuper de la compatibilité avec les navigateurs variés.

OK avec firefox, google chrome, IE 8 & 9
et là avec opéra, un bug sur deux boutons

légèrement décalés à l'ouverture de la page. facile à régler vous me direz, sans doute un problème de padding ou margin interprété différemment. seulement si on s'approche des boutons pour cliquer, pffuit, ils se déplacent...

code css :
#block-locale-language a {
	height:45px;
	width:68px;
	position:absolute;
	font-size:6px;
	color:#FFF;
	text-align:center;
	top:146px;
}

#block-locale-language .fr a{
	background-image:url(./img/fr.png);
	margin-left:-25px;
}

#block-locale-language .en a{
	background-image:url(./img/en.png);
	margin-left:47px;
}


le problème n'est nulle part ailleurs
d'autres soucis plus "classiques" dans IE 7 mais les boutons ne bougent que dans opéra (verticalement)

Merci d'avance à tous ceux qui prendront au moins le temps de me lire!
Modifié par jul073 (06 Apr 2013 - 10:47)
Bonjour!
Merci d'avoir répondu si rapidement.

Bon jme sens un peu bête là, mais j'ai résolu mon problème. (merci pour l'intervention d'ailleurs ça m'a fait chercher une fois de plus dans mes css...)

c'était un margin-top d'un élément parent à virer, oublié au mauvais endroit dans le css..


je n'avais encore jamais vu ce problème par contre... si ça peut aider quelqu'un dans le même cas !
merci encore