Aide demandée pour un debutant en html, CSS resulat different sous ie

Aide demandée pour un debutant en html, CSS resulat different sous ie - HTML/CSS - Programmation

Marsh Posté le 18-03-2014 à 02:17:43    

Bonjour a tous et merci pour votre patience d'avance (et votre indulgence pck j'imagine que ce que je demande ne doit pas etre si compliqué que cela).
J'essaye de faire une barre de recherche et pour une raison que j'ignore elle s'affiche correctement sous firefox masi pas sous ie11 (je aprle du radius et de l'absence de bordure de la liste deroulante notamment)
Quelqu'un pourrait il me dépanner ?
Ci-Mer
 

Code :
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Document sans nom</title>
  6. <style type="text/css">
  7. .headerbar {
  8. margin: 0px;
  9. border-width: 0px;
  10. border-style: 0;
  11. -webkit-box-shadow: 0px 0px;
  12. box-shadow: 0px 0px;
  13. background-repeat: repeat-x;
  14. background-image: url(img/sty/headbarbg.png);
  15. vertical-align: text-top;
  16. white-space: nowrap;
  17. }
  18. .tbcge {
  19. background-image: url(img/sty/bbc1.png);
  20. background-repeat: repeat-x;
  21. background-color: #FFFFFF;
  22. }
  23. .mainbar {
  24. background-image:;
  25. white-space: nowrap;
  26. border-spacing: 0px 0px;
  27. background-color: #FFFBDC;
  28. url(img/sty/mainbarbg.png);
  29. background-repeat: repeat;
  30. background-image: url(img/sty/mainbarbg.png);
  31. margin-top: 0px;
  32. }
  33. .barbcL1 {
  34. background-image: url(img/sty/bbcl1.png);
  35. background-position: right top;
  36. background-repeat: no-repeat;
  37. border-spacing: 0px 0px;
  38. border-width: 0px;
  39. }
  40. .tbcge1 {
  41. background-image: url(img/sty/bbcl.png);
  42. background-repeat: no-repeat;
  43. background-position: left top;
  44. border-spacing: 0px 0px;
  45. }
  46. .tablewhitbg {
  47. background-color: #FFFFFF;
  48. text-align: center;
  49. }
  50. .headbaruptxt {
  51. vertical-align: text-top;
  52. font-weight: normal;
  53. color: rgba(65,8,8,1.00);
  54. }
  55. .sousbar {
  56. border-bottom: thin solid #000000;
  57. background-color: #FFFFFF;
  58. text-align: center;
  59. }
  60. .demibarhead {
  61. border-top: 1px solid #72C8EC;
  62. }
  63. .boutonbot {
  64. vertical-align: bottom;
  65. }
  66. #gh-cat {
  67. color: #333;
  68. font-size: 12px;
  69. font-family: Arial;
  70. display: inline-block;
  71. margin: 0px;
  72. outline: 0px none;
  73. background-color: #FFF;
  74. *margin-top:8px;                            width: 160px;
  75. *width:200px;
  76. *height:auto;                            overflow: hidden;
  77. text-overflow: ellipsis;
  78. border-width: 0px;
  79. }
  80. .search {
  81. width: 300px;
  82. height: 20px;
  83. background-color: #E8E8E8;
  84. display: inline-block;
  85. width: 210px;
  86. margin: 0px;
  87. outline: 0px none;
  88. background-color: #FFF;
  89. border-width: 0pt;
  90. }
  91. .divse {
  92. border-radius: 3px;
  93. background-color: #FFFFFF;
  94. padding-left: 2px;
  95. padding-right: 2px;
  96. margin-left: 2px;
  97. margin-right: 2px;
  98. margin-bottom: 1px;
  99. margin-top: 1px;
  100. background-color: #FFF;
  101. border-radius: 3px;
  102. border-left-width: 1px;
  103. border-left-style: solid;
  104. border-top-width: 1px;
  105. border-top-style: solid;
  106. border-right-width: 1px;
  107. border-right-style: solid;
  108. border-bottom-width: 1px;
  109. border-bottom-style: solid;
  110. border-color: #92B6C5;
  111. width: auto;
  112. }
  113. body {
  114. background-color: #000000;
  115. }
  116. </style>
  117. </head>
  118. <body>
  119. <table width="100%" border="0" cellspacing="0" cellpadding="0">
  120.   <tr>
  121.     <td width="50%" class="divse"><input name="search" type="search" class="search" id="search" style="border:none"><select name=_sacat id=gh-cat title="Select a category for search">
  122.         <option value="0" selected="selected">All Categories</option>
  123.         <optgroup label="----------------------------------------"></optgroup>
  124.         <option value="20081">Antiques</option>
  125.         <option value="550">Art</option>
  126.         <option value="2984">Baby</option>
  127.         <option value="267">Books</option>
  128.         <option value="12576">Business &amp; Industrial</option>
  129.         <option value="625">Cameras &amp; Photo</option>
  130.         <option value="15032">Cell Phones &amp; Accessories</option>
  131.         <option value="11450">Clothing, Shoes &amp; Accessories</option>
  132.         <option value="11116">Coins &amp; Paper Money</option>
  133.         <option value="1">Collectibles</option>
  134.         <option value="58058">Computers/Tablets &amp; Networking</option>
  135.         <option value="293">Consumer Electronics</option>
  136.         <option value="14339">Crafts</option>
  137.         <option value="237">Dolls &amp; Bears</option>
  138.         <option value="11232">DVDs &amp; Movies</option>
  139.         <option value="6000">eBay Motors</option>
  140.         <option value="45100">Entertainment Memorabilia</option>
  141.         <option value="172008">Gift Cards &amp; Coupons</option>
  142.         <option value="26395">Health &amp; Beauty</option>
  143.         <option value="11700">Home &amp; Garden</option>
  144.         <option value="281">Jewelry &amp; Watches</option>
  145.         <option value="11233">Music</option>
  146.         <option value="619">Musical Instruments &amp; Gear</option>
  147.         <option value="1281">Pet Supplies</option>
  148.         <option value="870">Pottery &amp; Glass</option>
  149.         <option value="10542">Real Estate</option>
  150.         <option value="316">Specialty Services</option>
  151.         <option value="888">Sporting Goods</option>
  152.         <option value="64482">Sports Mem, Cards &amp; Fan Shop</option>
  153.         <option value="260">Stamps</option>
  154.         <option value="1305">Tickets &amp; Experiences</option>
  155.         <option value="220">Toys &amp; Hobbies</option>
  156.         <option value="3252">Travel</option>
  157.         <option value="1249">Video Games &amp; Consoles</option>
  158.         <option value="99">Everything Else</option>
  159.       </select></td>
  160.     <td width=50%></td>
  161.   </tr>
  162. </table>
  163. </body>
  164. </html>

Reply

Marsh Posté le 18-03-2014 à 02:17:43   

Reply

Marsh Posté le 20-03-2014 à 04:20:46    

up

Reply

Marsh Posté le 12-04-2014 à 19:19:56    

Dans ton code html il faut intégrer des lignes de code comme celle-ci:
 

Code :
  1. <head>
  2.         <meta charset="utf-8" />
  3.         <!--[if lt IE 9]>
  4.             <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  5.         <![endif]-->
  6. </head>


 
Le site ira de lui-même sur ce script pour que ton site soit compatible avec IE9. Après pour qu'il soit compatible avec tous les IE il faut ajouter d'autres ligne de code que je te donnerait si tu en as besoin.
 
Pour t'aider va ici : http://fr.openclassrooms.com/infor [...] -sites-web


Message édité par chrispc le 12-04-2014 à 19:23:40

---------------
L'écoconception n'est pas négociable - Topic habitats de demain : https://tinyurl.com/y5h2mjx7
Reply

Sujets relatifs:

Leave a Replay

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