2010-05-26 2 views
1

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; 
} 

Répondre

0

D'accord, je pense que tout a été corrigé maintenant ...

le champ de recherche était en train de se rompre en raison de l'utilisation de 'jquery.pngFix.js'. modifié le code pour ne pas appliquer la transparence à l'arrière-plan de la boîte de recherche seul - et shazaam il affiche en ligne.

+0

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.) –

+0

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! –

Questions connexes