[CSS]Compatibilité IE vs the World

Compatibilité IE vs the World [CSS] - HTML/CSS - Programmation

Marsh Posté le 11-08-2006 à 17:31:08    

:hello:
 
Pour réaliser une petite présentation toute simple (entête , menu à gauche , contenu), j'ai dû mettre en place ces quelques lignes pour que la présentation soit compatible entre IE ,Opera et Firefox mais je me demande si il n'y a pas une solution plus adapté car il me semblait que CSS aurait dû m'éviter ce genre de désagréements .  
 

.texte {  
  <?php
  if(!ereg("MSIE",$_SERVER["HTTP_USER_AGENT"]))
     {
     echo  "margin-left: 180px ;";  
     }
  ?>    
  position: absolute ;
    }

Reply

Marsh Posté le 11-08-2006 à 17:31:08   

Reply

Marsh Posté le 11-08-2006 à 17:48:50    

Le CSS est très puissant pour ca, ce n'est pas normal que tu dois pondre ce code.
Donc à mon avis tu devrais revoir le CSS.
 
Revois également le design de ton site, peut-être que cela est dû à ca.
 
Tiens nous au courant ;)

Reply

Marsh Posté le 11-08-2006 à 17:49:54    


Les commentaires conditionels pour fournir des CSS spécifiques à Internet Explorer, qui a souvent un comportement différent de celui des autres navigateurs


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box, and replicate and expand beyond their wildest dreams by throwing away the limits imposed by overbearing genetic r
Reply

Marsh Posté le 14-08-2006 à 19:28:50    

masklinn a écrit :

Les commentaires conditionels pour fournir des CSS spécifiques à Internet Explorer, qui a souvent un comportement différent de celui des autres navigateurs


 
Est-ce que tu pourrais me fournir juste un exemple de commentaires conditionnels ?  
 
Je suis reparti de zero est c'est encore pire qu'avant ... :gratgrat:

Reply

Marsh Posté le 14-08-2006 à 21:02:30    

Je te souhaite bien du courage en tout cas pour gérer un site 100% compatible IE avec du code propre.
 
Pour ton margin, à la limite, si t'es pas à une ou deux lignes dégueulasses pour que ton site soit compatible IE, tu peux ajouter un _ devant :  

Code :
  1. _margin-left: 180px;


 
N'importe quel navigateur qui respecte à peu près les standards ne lira pas cette instruction considérée à juste titre comme invalide, mais IE la lira quand même.
 
Par contre, avec ça, ta feuille CSS ne sera plus considérée comme valide selon les standards du W3C. :-/
 
 
Edit : Je viens de voir ce qu'étaient les commentaires conditionnels, solution nettement plus propre que la mienne. Pour plus d'infos : http://forum.alsacreations.com/faq/#item53


Message édité par gen2 le 14-08-2006 à 21:04:51
Reply

Marsh Posté le 15-08-2006 à 23:18:40    


Code :
  1. <!--[if IE lt 7]>
  2.    Seuls les Internet Explorer en dessous de la version 7
  3.    lisent le HTML placé ici
  4. <![endif]-->


 
Pour plus d'infos sur le sujet
http://msdn.microsoft.com/workshop [...] nt_ovw.asp
http://www.quirksmode.org/css/condcom.html

Reply

Marsh Posté le 16-08-2006 à 10:13:37    

y'a aussi la directive !important
ex :  
margin-top: 1em !important;   /* 1em pour Firefox */
margin-top: 2em;                 /* 2 em pour IE */

Reply

Marsh Posté le 18-08-2006 à 14:26:48    

Ca c'est un hack, donc une mauvaise idée parce qu'on ne connait pas nécessairemet les réactions futures à ce truc.
 
Les CC ne sont pas un hack [:spamafote]


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box, and replicate and expand beyond their wildest dreams by throwing away the limits imposed by overbearing genetic r
Reply

Sujets relatifs:

Leave a Replay

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