Forum |  HardWare.fr | News | Articles | PC | Prix | S'identifier | S'inscrire | Shop Recherche
2443 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°2222533
nonomar
Posté le 18-03-2014 à 02:17:43  profilanswer
 

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>

mood
Publicité
Posté le 18-03-2014 à 02:17:43  profilanswer
 

n°2222678
nonomar
Posté le 20-03-2014 à 04:20:46  profilanswer
 

up

n°2224911
chrispc
Amish pour toujours
Posté le 12-04-2014 à 19:19:56  profilanswer
 

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

---------------
Topic écologie : https://tinyurl.com/y6s6ysx3 | Topic habitats de demain : https://tinyurl.com/y5h2mjx7

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
Html / Asp Afficher une variableHeritage virtual pure sur prototype différent.
Besoin d'aide pour Robot.txtPetit aide sur le logiciel Visual Basic 2010
La Nasa demande de l'aide à trouver des géocroiseurs et propose 35000$[AIDE] code HTML/PHP formulaire avec envoi mail automatique
Aide Proxy ConfBarre de recherche HTML/CSS
Plus de sujets relatifs à : Aide demandée pour un debutant en html, CSS resulat different sous ie


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR