compatibilité css IE Résolu/Fermé

Question

Bonjour,
j'ai un problème avec de petit code en css, sous firefox pas de problèmes mais sous IE ... je sais que les padding ne fonctionne pas correctement sous IE mais je ne trouve pas de solution pour que ma page soit similaire sous IE que sur firefox, merci de me donné une piste ou une bête info.

le code en css:

div.padphotoal
{
	height: 400px;
	background-image:url(photoal.png);
	background-repeat:no-repeat;
	text-align: center;	
}
div.padphotoaltof
{
	width: 190px;
	height: 270px;
	text-align: center;
	padding: 70px 0 0 30px;
	vertical-align:middle;	
}

dolmenhir · Accepted Answer

Salut,

utilise le hack css !important
IE ne le comprend pas mais Firefox oui

donc tu définis un padding pour firefox avec !important
et un autre sans le hack pour ie

Ce !important, interprété par Firefox, lui dit qu'il faut ignorer les autres règles pour l'attribut qui le contient
Ainsi :
padding: 70px 0 0 30px !important; pour Firefox
et
padding: 70px 0 0 30px; pour IE

ensuite, change la valeur des px pour IE afin d'arriver à un placement millimétré exact (c'est généralement une différence de 5px ou 10 px entre les deux navigateurs)

Ça marche aussi pour les margin

En espérant avoir été suffisamment clair

;)

vautour88 · Answer

c 'est bon j ai trouver la solution : 
div.padphotoal
{
	height: 400px;
	background-image:url(photoal.png);
	background-repeat:no-repeat;
	text-align: center;	
}
div.padphotoaltof
{
	text-align: center;
	padding: 70px 0 0 0;
}

okostyle · Answer

Merci a toi dolménhir, tu viens de m'aider à résoudre un probleme que je traine depuis plus de 3 jours ...
le coup de !important je ne le connaissait pas du tout...
je le recommande a tous ^^

PS: moi aussi je t'aime ^^ lol

Compatibilité css IE

3 réponses

Discussions similaires