Probleme de différence firefox/ie

Probleme de différence firefox/ie - HTML/CSS - Programmation

Marsh Posté le 15-02-2007 à 16:34:19    

Bonjour,
 
je dois modifier du code très cracrabeurk et je ne parviens pas a atteindre les résultat souhaité. En effet, quand quelque chose marche sur ie, ce n'est pas le cas sur firefox...et inversement.
 
A noté qu'il y a des feuilles de style et des class dans tout les sens (voila pourquoi j'ai tenté de bloquer leur application avec span)
 

Code :
  1. <div class="boxes">
  2. <h4 class="<?php echo $language ;?>"><?php echo BOX_HEADING_SHOPPING_CART ;?></h4>
  3. <ul class="cartContent">
  4. <?php echo $info_box_contents ;?>
  5. <?php echo '<div align="right" >
  6. <a href="' . tep_href_link(FILENAME_SHOPPING_CART) . '">COMMANDER</a></div>';?>
  7. </ul>
  8. <span>
  9. <marquee behaviour="scroll" direction="left" height="100%" width="95%" scrollamount="4" scrolldelay="30">
  10. <font color="red">
  11. <small>
  12. <b>NOUVEAU - Vos commandes livr&eacute;es en 24/48H en Chronopost.</b>
  13. </small>
  14. </font>
  15. </marquee>
  16. </span>
  17. </div>


 
Et voila un gros bout de la feuille de style associée :
 

Code :
  1. /*-boxes-----------------------------*/
  3. .boxes li hr {display:none;}
  5. .boxes a {color:#000;}
  7. #languagesBox {position:absolute;top:67px;left:-30px;padding:5px;}
  8. #languagesBox h4 {display:none;}
  9. #languagesBox li {float:left;padding:0px !important;padding-top:15px;}
  11. #categoriesBox h4 {margin-bottom:0;padding:10px 0 13px 3px;background: url(images/head_categorie.jpg) repeat-y;}
  13. #searchBox {color:#FFF;font-size:14px;font-weight:bold;border:1px solid black;
  14. position:absolute;left:765px;top:272px;
  15. height:25px;width:235px;background: #BB000B;text-align:center;padding-top:8px;}
  17. #searchBox h4 {display:none;}
  18. #searchBox input {float:none;}
  20. #dateBox {position:absolute;top:230px;width:200px;}
  23. #visites {margin-left:15px; left:15px;}
  25. #cartBox {margin-left:15px;}
  26. #cartBox h4 {margin-left:-15px;margin-bottom:-10px;padding:10px 0 13px 3px; background: url(images/head_cartbox.jpg) repeat-y;}
  27. #cartBox li {color:#000;font-size:11px;}
  28. #cartBox a {color:#000;font-size:11px;}
  29. #cartBox a:hover {color:#FF0000;font-size:11px;}
  30. #cartBox span.resultat {color:#FF0000;font-size:15px;font-weight:bold;text-decoration:none;}
  31. #cartBox span.prix {font-weight:bold;font-size:1.6em;color:#ff0000; }
  34. ul.cartContent {width:90%;color:#000;padding-right:10px;}
  36. .newItemInCart {color:#FF0000; text-decoration:blink;}
  38. #informationBox a:link, #informationBox a:hover, #informationBox a:visited {font-weight:normal;font-size:10px;}
  39. #informationBox h4 {margin-bottom:0;padding:10px 0 13px 3px;background: url(images/head_infos.jpg) repeat-y;}
  41. #flashsellingBox img {margin-right:15px;float:right;}
  42. #flashsellingBox h4 {margin-bottom:0;padding:10px 0 13px 3px;background: url(images/head_flash.jpg) repeat-y;}
  44. #specialsBox img {margin-right:15px;float:right;}
  45. #specialsBox h4 {margin-bottom:0;padding:10px 0 13px 3px;background: url(images/head_specials.jpg) repeat-y;}
  47. #best_sellersBox h4 {margin-bottom:0;padding:10px 0 13px 3px;background: url(images/head_best_seller.jpg) repeat-y;}
  48. #best_sellersBox a:link,#best_sellersBox a:hover,#best_sellersBox a:visited {font-weight:normal;font-size:10px;text-align:left;}
  50. #tell_a_friendBox h4 {margin-bottom:0;padding:10px 0 13px 3px;background: url(images/head_tell_a_friend.jpg) repeat-y;}
  51. #currenciesBox h4 {margin-bottom:0;padding:10px 0 13px 3px;background: url(images/head_currencies.jpg) repeat-y;}
  53. #manufacturer_infoBox h4 {margin-bottom:0;padding:10px 0 13px 3px;background: url(images/head_manufacturer_info.jpg) repeat-y;}
  54. #manufacturer_infoBox img {float:right;margin:0 0 0 30px;}
  56. #manufacturersBox h4 {margin-bottom:0;padding:10px 0 13px 3px;background: url(images/head_manufacturer.jpg) repeat-y;}
  58. #ReviewsBox h4 {margin-bottom:0;padding:10px 0 13px 3px;background: url(images/head_review.jpg) repeat-y;}
  61. #loginBox h4 {margin-bottom:0;padding:10px 0 13px 3px;background: url(images/head_review.jpg) repeat-y;}
  62. #loginBox table{width:100%;border:0px;margin-bottom:5px;}
  63. #loginBox td{
  64. font-family: Arial, Helvetica, sans-serif;
  65. font-size: 11px;
  66. color: #504F55;
  67. padding-left:10px;
  68. border-bottom:1px solid #fff;
  69. }
  71. #order_historyBox h4 {margin-bottom:0;padding:10px 0 13px 3px;background: url(images/head_order_history.jpg) repeat-y;}
  72. #order_historyBox img {display:none;}
  73. #order_historyBox ol {text-align:left;}
  74. #order_historyBox li {margin-left:15px;}
  75. #order_historyBox a:link,#order_historyBox a:hover,#order_historyBox a:visited {font-weight:normal;font-size:10px;text-align:left;}
  77. #currenciesBox h4 {text-align:left;margin-bottom:0;padding:10px 0 13px 3px;background: url(images/head_currencies.jpg) repeat-y;}
  78. #currenciesBox {text-align:center;}
  80. #whats_newBox h4 {text-align:left;margin-bottom:0;padding:10px 0 13px 3px;background: url(images/head_whatsnew.jpg) repeat-y;}
  81. #whats_newBox {text-align:center;}

Reply

Marsh Posté le 15-02-2007 à 16:34:19   

Reply

Marsh Posté le 15-02-2007 à 16:37:58    

ne nous dis surtout pas ce qui ne marche pas, on va prendr eton code, le copier dans des fichiers , le mettre sur un serveur et le debugguer

 

ensuite, on te donner la version corrigée en meme temps que la facture

 


j'oubliais  les font et small , c'est le mal


Message édité par flo850 le 15-02-2007 à 16:38:17
Reply

Marsh Posté le 15-02-2007 à 16:49:22    

Woups, sorry j'était tellement concentré sur le problème que j'ai oublié de le décrire :
 
En gros, le texte est visible sur ie mais pas sur firefox
 
Pour font and co, j'avais mis un <span style="font-weight: bold; color: red; size: 12pt;"> mais du coup, plus aucun affichage ni sur ie ni sur firefox...

Reply

Marsh Posté le 17-02-2007 à 13:20:31    

Personne n'a un début de piste ? :(

Reply

Sujets relatifs:

Leave a Replay

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