Probleme d'affichage sous IE 7

dada72 -  
 dada72 -
Bonjour,

J'ai un petit souci, j'ai crée des pages pour un site, ces pages sont d'ailleur valides w3c et pourtant j'ai des problemes sous ie 7 alors que tout passe nickel sous ie 8 et firefox (ainsi que sur opera et safari). Dans mon menu principal, il y a une image de fond pour chaque bouton, avec une image différente pour a:hover mais sous ie 7 sa fait un genre de flash car on a l'impression que l'image en background de a:hover met trop de temps a charger, du coup, il y a un court laps de temps on on voit le fond blanc quand on passe le curseur de la souris, de plus mes éléments de formualaires sont contenus dans un tableau lui meme contenu dans une div et le tout est bien contré dans ie 8 mais plus du tout dans ie 7, qu'est-ce que ie7 n'aime pas, les padding, les margin,...? il est chiant ce IE, si quelqu'un connait la raison de ces problemes d'affichage... merci en tous cas.
A voir également:

10 réponses

pitxu Messages postés 689 Date d'inscription   Statut Membre Dernière intervention   95
 
Bonjour,

IE7 n'est pas compatible w3c, d'où l'utilisation quasi obligatoire de hacks css pour IE.

regarde là : http://www.siteduzero.com/tutoriel-3-36505-les-hacks-css-pour-internet-explorer.html
0
dada72
 
merci pour le tuyau, il est galère ce iE, comment savoir a présent que le site est quasi fini, quelle propriété css merdouille sous ie 7 c'est impossible
0
pitxu Messages postés 689 Date d'inscription   Statut Membre Dernière intervention   95
 
ça ne concerne que quelques propriétés, mate là : https://openclassrooms.com/fr/courses
0
dada72
 
merci pour le lien je viens de le lire mais je ne comprend pas pourquoi mes bouton mettent du temps a se charger quand on passe la souris alors qu'il sagit de png 8-bits qui pesent moins de 50 octets et qu'en plus j'ai une connexion haut debit et meme sous ie]8 les background-image qui serve a:hover sont trop long a apparaitrent
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
pitxu Messages postés 689 Date d'inscription   Statut Membre Dernière intervention   95
 
peux-tu nous mettre un lien ?
0
dada72
 
je vais essayer de mettre un lien mais il faut que je retire les logos par souci de confidentialité car il s'agit du site d'une entreprise
0
dada72
 
bon j'ai trouvé un début de solution, pour mes menus, je met une couleur en background dont les tonalités se rapprochent du mes image qui servent a :hover, et pour mon bug je v mettre un commentaire conditionel pour coller a la version d'ie par contre comment fait un un commentaire conditionnel pour firefox? Pour ie c'est : <!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="ie6_style.css" />

<![endif]-->
mais pour firefox? est-ce FF? Merci pour votre aide en tous cas
0
dada72
 
mince, apparemment les commetnaires conditionnels sont propres a IE, mais j'ai un petit bug dans firefox, j'ai une ligne avec de liens qui descends de quelques pixel alors qu'elle est au bon endroit sous toutes les versions d'ie et de safari... comment corriger un bug seulement de firefix?
0
gavroch74 Messages postés 65 Date d'inscription   Statut Membre Dernière intervention   14
 
Salut !

[citation: .....sous ie7 sa fait un genre de flash car on a l'impression que l'image en background de a:hover met trop de temps a charger.....]

Pour les temps de charge :
<img src="img/hover.jpg" style="display:none" alt="" />

display:none permet de charger l'image au chargement de la page sans l'afficher !
0
dada72
 
merci c'est nickel sa et pour le reste, je reprend tout et je teste a chaque fois avec ie tester pour verifier a chaque etape sous ie6 et 7 en plus de tous les autres merci en tous cas
0