Oui, un autre problème IE6 stupide. Malheureusement, je ne peux pas fermer les yeux sur celui-ci. Le bouton d'entrée n'apparaît pas dans IE6 mais fonctionne dans tous les autres navigateurs et la mise en page se brise également. Pour voir le problème en ligne, s'il vous plaît visitez the website. Encore une fois, je ne vois que le problème dans IE6. Pendant le chargement, c'est en ligne; mais quand la page est chargée, ça casse. Sur la page d'accueil, ça semble fonctionner correctement ... Toute aide serait géniale!Mise en page de recherche d'entrée Broken dans IE6 et entrée img src ne pas afficher
Voici le code pour le champ de recherche:
<li class="inputSearch">
<input type="text" id="search" runat="server" title="search" value="search" class="fieldSearch" onfocus="Clear()" onkeydown="testEnterKey(event);" />
<div class="buttonSearch">
<input type="image" src="media/images/layout/button-search.png" name="btnSearch" id="btnSearch" onclick="javascript:return SubmitSearch();" />
</div>
</li>
Voici le CSS affilié à ces domaines:
.inputSearch {
background: transparent url('../../media/images/layout/bg-search.png') no-repeat top left;
width: 99px;
height: 27px;
color: #000;
font-size: 12px;
padding: 6px 0px 7px 10px;
position: relative;
left: 0px;
display: block;
}
.fieldSearch {
border: none;
color: #000;
width: 85px;
}
.buttonSearch {
position: relative;
display: inline;
left: 0px;
top: 9px;
}
.navspace {
margin: 0 5px 0 5px;
}
Ce qui suit est également appliquée à partir d'une ie.css
spéciale stylesheet:
#topnav ul li.inputSearch {
width: 109px;
float: left;
top: -4px;
padding-bottom: 0;
padding-top: 5px;
}
On dirait que c'est un problème 'HasLayout'. Je ne connais pas 'jquery.pngFix.js' mais je suppose qu'il utilise l'astuce du filtre CSS ActiveX pour rendre les fichiers PNG avec la transparence alpha, mais je suis sûr que l'effet secondaire est que cela donnera à l'élément" Layout " ". (Ce désordre 'HasLayout' et ses effets sur la mise en page réelle de votre page est le plus horrible, non standard du moteur de rendu d'IE.) –
le fichier jquery.pngFIX.js appliquait le correctif png alpha à tous les pngs sur le site - juste dû exclure l'image de fond pour l'image de la barre de recherche et qui semblait faire l'affaire. merci pour votre contribution @Daniel! –