[Résolu] Quelques problèmes de CSS avec IE7

Quelques problèmes de CSS avec IE7 [Résolu] - HTML/CSS - Programmation

Marsh Posté le 17-10-2008 à 23:12:03    

Bonjour,
 
Je n'arrive pas à comprendre pourquoi le code CSS n'agit pas pareil sous firefox et IE7. Est-ce que j'aurais fait des erreurs de codage où cela vient de IE (je sais qu'il a un peu de mal) ?
 
Problème 1 (le plus important): l'image/lien TOP ne s'affiche pas au bon endroit avec IE7
Sous FF l'image/lien TOP reste à l'écran même lorsqu'on scroll, mais pas sous IE. Je gère la position avec "position: fixed"
IE6 ne gère pas "position: fixed" mais j'ai vu que normalement IE7 le comprend ... je ne comprend donc pas pourquoi ça ne marche pas
 
Voici ce que ça me donne:
http://www.ecatomb.net/index2.html
http://www.ecatomb.net/fashion-f2.php
 
et les parties du code correspondant à mon problème:

Code :
  1. a.up {
  2. position: fixed;
  3. bottom: 10px;
  4. left: 10px;
  5. z-index: 0;
  6. width: 40;
  7. }
Code :
  1. <a class="up" href="#haut"><img style="border: 0px solid;" src="./image/top.png" name="up" alt="up"></a>

C'est comme si IE7 ne tenait pas compte du paramètre position.
Au pire si quelqu'un connait un morceau de code en php pour ne pas afficher l'image/lien TOP lorsque le visiteur utilise IE, je suis preneur.
 
Problème 2: les sous-menu ne s'affiche pas avec IE7
Bon c'est pas grave vu que le menu de base permettra d'accéder aux différentes pages du site.
 
Merci d'avance
 
ps: je ne veux pas utiliser de javascript pour une fonction qui marchera peut être avec IE8


Message édité par ecatomb le 18-10-2008 à 11:20:38
Reply

Marsh Posté le 17-10-2008 à 23:12:03   

Reply

Marsh Posté le 18-10-2008 à 07:44:22    

bonjour,
il faut le bon doctype
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
par exemple, ça devrait aller bien mieux,
 
>>je ne veux pas utiliser de javascript
pour un menu, y'a pas d'raisons
( sauf à vouloir une compatibilité avec  
   de vieilles versions des navigateurs )
 
et s'il reste des soucis, dis nous.
 
@+

Message cité 1 fois
Message édité par bul3 le 18-10-2008 à 07:46:56

---------------
[mon site] [m'écrire]
Reply

Marsh Posté le 18-10-2008 à 11:20:17    

bul3 a écrit :

bonjour,
il faut le bon doctype
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
par exemple, ça devrait aller bien mieux,
 
>>je ne veux pas utiliser de javascript
pour un menu, y'a pas d'raisons
( sauf à vouloir une compatibilité avec  
   de vieilles versions des navigateurs )
 
et s'il reste des soucis, dis nous.
 
@+


Merci monsieur le sauveur  :D  
 
Maintenant ça marche. Je n'aurais jamais pensé que le doctype était si important.
 
Concernant le javascript, c'est pour deux raison:
- certaines personnes le désactive. Je préfère avoir un site qui marche bien quand il est désactivé.
- j'utilise le javascript sur 2 certaines pages pour faire une mini-application. Ca m'évite que le menu en js et la mini-application rentre en conflit (même si c'est peu probable).
 
Problème résolu (les 2 d'un coup)

Reply

Marsh Posté le 18-10-2008 à 11:39:20    


quand on peut éviter le javascript : c'est bien plus mieux !
   même si c'est un langage superbe, que j'aime bien,
   beaucoup plus puissant que d'aucuns ne soupçonnent .
 
la plupart des soit-disant "bugs" de IE,  
  (  quelques iotas de différences dans la gestion  
     du css dans la plupart des cas !!  c'est la même  
     chose pour tous les navigateurs les uns par  
     rapport aux autres ) sont levés avec doctype.
 
nickel si ça baigne.
 
@+


---------------
[mon site] [m'écrire]
Reply

Marsh Posté le 18-10-2008 à 12:48:43    

L'erreur que tu avais ici, venait du simple fait que sans doctype, IE7, repasse en mode quirks (mode compatibilité) et de ce fait il se comporte exactement comme un IE6, du coup le position:fixed que tu cherches à utiliser ne fonctionnera pas du tout, IE6 ne connaissant pas le position:fixed

Reply

Marsh Posté le 18-10-2008 à 12:54:51    

gatsu35 a écrit :

L'erreur que tu avais ici, venait du simple fait que sans doctype, IE7, repasse en mode quirks (mode compatibilité) et de ce fait il se comporte exactement comme un IE6, du coup le position:fixed que tu cherches à utiliser ne fonctionnera pas du tout, IE6 ne connaissant pas le position:fixed


C'est ce que je suis en train de comprendre en lisant cette page:
http://css.alsacreations.com/Bases [...] nt-choisir
 
Mais ce qui est bien, c'est que le changement de doctype permet aussi au menu de marcher correctement :love:  
Il me reste plus qu'à regarder les normes avec ce doctype parce que la page n'est plus valide w3c  :D

Reply

Marsh Posté le 18-10-2008 à 14:03:36    

normal il faut juste respecter le doctype en question.
Techinque simple, tu installes html validator sur ton firefox, et tu lis ce qu'il te demande de corriger et basta

Reply

Marsh Posté le 18-10-2008 à 14:51:18    

gatsu35 a écrit :

normal il faut juste respecter le doctype en question.
Techinque simple, tu installes html validator sur ton firefox, et tu lis ce qu'il te demande de corriger et basta


C'est vrai qu'il y a énormément de plugin pour firefox. Je ne le connaissait pas.
 
Ca sera plus pratique que d'uploader la page et de passer par le site de la w3c  :D  
 
Merci

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed