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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Aide demandée pour un debutant en html, CSS resulat different sous ie

nonomar

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 :

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Document sans nom</title>
<style type="text/css">
.headerbar {
margin: 0px;
border-width: 0px;
border-style: 0;
-webkit-box-shadow: 0px 0px;
box-shadow: 0px 0px;
background-repeat: repeat-x;
background-image: url(img/sty/headbarbg.png);
vertical-align: text-top;
white-space: nowrap;
}
.tbcge {
background-image: url(img/sty/bbc1.png);
background-repeat: repeat-x;
background-color: #FFFFFF;
}
.mainbar {
background-image:;
white-space: nowrap;
border-spacing: 0px 0px;
background-color: #FFFBDC;
url(img/sty/mainbarbg.png);
background-repeat: repeat;
background-image: url(img/sty/mainbarbg.png);
margin-top: 0px;
}
.barbcL1 {
background-image: url(img/sty/bbcl1.png);
background-position: right top;
background-repeat: no-repeat;
border-spacing: 0px 0px;
border-width: 0px;
}
.tbcge1 {
background-image: url(img/sty/bbcl.png);
background-repeat: no-repeat;
background-position: left top;
border-spacing: 0px 0px;
}
.tablewhitbg {
background-color: #FFFFFF;
text-align: center;
}
.headbaruptxt {
vertical-align: text-top;
font-weight: normal;
color: rgba(65,8,8,1.00);
}
.sousbar {
border-bottom: thin solid #000000;
background-color: #FFFFFF;
text-align: center;
}
.demibarhead {
border-top: 1px solid #72C8EC;
}
.boutonbot {
vertical-align: bottom;
}
#gh-cat {
color: #333;
font-size: 12px;
font-family: Arial;
display: inline-block;
margin: 0px;
outline: 0px none;
background-color: #FFF;
*margin-top:8px; width: 160px;
*width:200px;
*height:auto; overflow: hidden;
text-overflow: ellipsis;
border-width: 0px;
}
.search {
width: 300px;
height: 20px;
background-color: #E8E8E8;
display: inline-block;
width: 210px;
margin: 0px;
outline: 0px none;
background-color: #FFF;
border-width: 0pt;
}
.divse {
border-radius: 3px;
background-color: #FFFFFF;
padding-left: 2px;
padding-right: 2px;
margin-left: 2px;
margin-right: 2px;
margin-bottom: 1px;
margin-top: 1px;
background-color: #FFF;
border-radius: 3px;
border-left-width: 1px;
border-left-style: solid;
border-top-width: 1px;
border-top-style: solid;
border-right-width: 1px;
border-right-style: solid;
border-bottom-width: 1px;
border-bottom-style: solid;
border-color: #92B6C5;
width: auto;
}
body {
background-color: #000000;
}
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<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">
<option value="0" selected="selected">All Categories</option>
<optgroup label="----------------------------------------"></optgroup>
<option value="20081">Antiques</option>
<option value="550">Art</option>
<option value="2984">Baby</option>
<option value="267">Books</option>
<option value="12576">Business & Industrial</option>
<option value="625">Cameras & Photo</option>
<option value="15032">Cell Phones & Accessories</option>
<option value="11450">Clothing, Shoes & Accessories</option>
<option value="11116">Coins & Paper Money</option>
<option value="1">Collectibles</option>
<option value="58058">Computers/Tablets & Networking</option>
<option value="293">Consumer Electronics</option>
<option value="14339">Crafts</option>
<option value="237">Dolls & Bears</option>
<option value="11232">DVDs & Movies</option>
<option value="6000">eBay Motors</option>
<option value="45100">Entertainment Memorabilia</option>
<option value="172008">Gift Cards & Coupons</option>
<option value="26395">Health & Beauty</option>
<option value="11700">Home & Garden</option>
<option value="281">Jewelry & Watches</option>
<option value="11233">Music</option>
<option value="619">Musical Instruments & Gear</option>
<option value="1281">Pet Supplies</option>
<option value="870">Pottery & Glass</option>
<option value="10542">Real Estate</option>
<option value="316">Specialty Services</option>
<option value="888">Sporting Goods</option>
<option value="64482">Sports Mem, Cards & Fan Shop</option>
<option value="260">Stamps</option>
<option value="1305">Tickets & Experiences</option>
<option value="220">Toys & Hobbies</option>
<option value="3252">Travel</option>
<option value="1249">Video Games & Consoles</option>
<option value="99">Everything Else</option>
</select></td>
<td width=50%></td>
</tr>
</table>
</body>
</html>

Publicité

nonomar

chrispc

Easy peasy

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

Code :

<head>
<meta charset="utf-8" />
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</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

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 variable	Heritage virtual pure sur prototype différent.
Besoin d'aide pour Robot.txt	Petit 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 Conf	Barre de recherche HTML/CSS
Plus de sujets relatifs à : Aide demandée pour un debutant en html, CSS resulat different sous ie

Page générée en 0.097 secondes