0

J'ai le html suivant qui est affiché correctement dans IE8. Voici le html et le css pour grey_btn_75. Une idée de pourquoi cela se passerait-il?asp: le bouton disparaît dans IE7, mais reste dans IE8. Pourquoi?

<div style="float: left; width: 70px; margin-right: 25px; padding-top: 60px; 
      margin-left: 25px"> 

<asp:Button ID="btnAddAll" runat="server" Text="Add All" 
      OnClick="btnAddAll_Click" 
      CssClass="grey_btn_75" /> 

<div class="spacer"></div> 

<asp:Button ID="btnAdd" runat="server" Text="Add" 
      OnClick="btnAdd_Click" 
      CssClass="grey_btn_75" /> 

<div class="spacer"></div> 

<asp:Button ID="btnRemove" runat="server" Text="Remove" 
      OnClick="btnRemove_Click" 
      CssClass="grey_btn_75" /> 

<div class="spacer"></div> 

<asp:Button ID="btnRemoveAll" runat="server" Text="Remove All" 
      CssClass="grey_btn_75" 
      OnClick="btnRemoveAll_Click" /><br /> 

</div> 

CSS:

.grey_btn_75 
{ 
background: url(../images/grey-75px.png); 
background-repeat: no-repeat; 
border-style: none; 
font-family: Arial,Helvetica,Sans-Serif; 
font-size: 12px; 
font-weight: bold; 
width: 75px; 
height: 23px; 
color: #000000; 
cursor: pointer; 
} 

choses que j'ai essayé jusqu'à présent:

J'ai enlevé le CssClass et les boutons encore ne se présente pas. J'ai modifié le CssClass et les boutons ne sont toujours pas apparus. J'ai mis d'autres contrôles tels qu'un asp: Label et et asp: ImageButton et ils se sont bien montrés. J'ai essayé de mettre un nouveau bouton et il ne s'est pas montré.

+0

Quel bouton est en train de disparaître, exactement? – lance

+0

Ce n'est pas visible du tout ou l'image ne s'affiche pas? –

+0

Ce n'est pas visible du tout et les 4 boutons ne sont pas visibles. – Xaisoft

Répondre

1

La largeur de votre div est 70px, votre bouton est 75px. Vous devez nettoyer cela.

+0

Puis-je avoir à la fois une gauche une marge de droite? – Xaisoft

+0

Oh, désolé, vous avez raison. Les marges n'auront rien à voir avec ça (je les ai confondues avec le bouton). – Martin

+0

En fait, on dirait que les marges ont quelque chose à voir avec ça. Dans IE7, il semble que les marges masquaient les boutons derrière la liste. Dès que j'en ai retiré un, une partie des boutons a décidé de se montrer. – Xaisoft

1

Le problème est avec les styles. Essayez de les commenter pour voir laquelle (ou la combinaison) est responsable de la disparition des boutons. Ne pas oublier le style en ligne de la DIV supérieure.

Ceci est un guide agréable pour les styles de bouton:

http://particletree.com/features/rediscovering-the-button-element/

Les gens recommandent

width: auto; débordement: visible;

spécifiquement pour IE

+0

Si vous avez une version IE d'une feuille de style, vous pouvez ajouter un dépassement: visible; il – DmitryK

0

Je pense que c'est la valeur de couleur que vous avez défini dans votre CSS. J'ai eu le même problème précédemment et ce que j'ai fait était de changer la valeur de la couleur pour autre chose.

+0

Je l'ai fait et cela n'a toujours pas fonctionné. J'ai même supprimé toute la classe CSS et cela n'a pas fonctionné. – Xaisoft

Questions connexes