LinkButton ASP.NET pas rendu correctement dans IE7

Question

Nous avons un problème (un parmi tant d'autres) avec un client qui est passé à MS IE 7 il y a quelques semaines à peine (oui, oui, je sais ....... ne demandez pas .....)

Dans notre application ASP.NET, nous avons une série de <asp:LinkButton> contrôles permettant de naviguer dans un tableau HTML, chaque bouton de lien se trouvant sur une ligne distincte. Le bouton de lien est à l'intérieur d'une balise <td width="200">. Chaque classe <td> se voit attribuer une classe CSS qui définit:

.stdLinkButton
{
    background-color: teal;
    color: Black;
    border: navy 1px solid;
    text-decoration: none;
    margin-right: 10px;
    padding: 2px;
    height: 18px;
    overflow: visible;
}

Dans MS IE 6, les boutons remplissaient joliment toute la largeur de <=> et étaient alignés. Nous avions cinq ou six rangées de boutons de liens, de même largeur, tous centrés sur des boutons de 200 pixels de large.

Mais dans MS IE 7, les boutons de lien sont rendus en standard et n’ont que la largeur nécessaire pour contenir l’étiquette de texte. Nous avons donc maintenant cinq ou six lignes et chaque bouton de lien est rendu sous forme de bouton avec la largeur minimale requise pour contenir le texte du bouton. Semble horrible ....

J'ai déjà essayé d'ajouter un " width: 200px " à la classe CSS, mais cela ne fait aucun bien, vraiment: - (

Existe-t-il une solution simple permettant à MS IE 7 de restituer à nouveau ces <=> éléments à une largeur fixe et spécifiée?

Si possible, nous aimerions continuer à spécifier la largeur dans le CSS - je préférerais ne pas avoir à accéder à chaque instance <=> et à définir la propriété ASP.NET " Width < !> quot; à 200px (cela semble fonctionner, btw - les boutons de lien sont bien réglés sur la largeur fixe spécifiée).

Marc

Answer 1

Ajouter display: block à la règle CSS devrait faire l'affaire.