High-Tech Santé Médecine Droit-Finances

Grippe A

Que dois-je faire ?

Rechercher : dans
Par :

Compatibilité css IE

Dernière réponse le 17 jui 2009 à 15:06:21 vautour88, le 7 mar 2009 à 12:50:22 
 Signaler ce message aux modérateurs

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;
}

Configuration: Windows Vista
Firefox 3.0.7

Meilleures réponses pour « compatibilité css IE » dans :
Feuilles de style - CSS VoirPrésentation des feuilles de style Le concept de feuilles de style est apparu en 1996 avec la publication par le W3C d'une nouvelle recommandation intitulée « Cascading StyleSheets » (feuilles de style en cascade), notée CSS. Le principe des...
CSS - Les couleurs VoirLes couleurs Le standard CSS propose différentes façons de définir des couleurs : par un nom avec la notation hexadécimale avec la notation décimale Appel d'une couleur par son nom Le langage HTML définit des noms pour un nombre limité de...
Posez votre question Répondre

1

vautour88, le 7 mar 2009 à 13:27:03

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;
}

   
Répondre à vautour88

2

dolmenhir, le 7 mar 2009 à 13:37:45
  • +1

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

;)

   
Répondre à dolmenhir

3

FolkenleNB, le 13 mar 2009 à 10:56:10

Ton message m'a sauvé la vie, je connaissais pas cette fonction, ça fonctionne à la perfection.

PS : Je t'aime.

   
Répondre à FolkenleNB

4

 okostyle, le 17 jui 2009 à 15:06:21

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

   
Répondre à okostyle
Posez votre question Répondre
Ils ont besoin de votre aide