ASP.NET Linkbutton nicht richtig in IE7 gemacht

Question

Wir haben ein Problem (einer von vielen) mit einem Kunden, der vor 7 nur wenigen Wochen auf MS IE geschaltet (ja, ja, ich weiß ....... nicht fragen .....)

In unserer ASP.NET-Anwendung, haben wir eine Reihe von <asp:LinkButton> Kontrollen für die Navigation innerhalb einer HTML-Tabelle, wobei jeder Link-Taste auf einer separaten Zeile. Der Link-Taste befindet sich in einem <td width="200">-Tag. Jede <asp:LinkButton> hat eine CSS-Klasse zugeordnet, die definiert:

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

In MS IE 6, die Tasten schön die ganze Breite des <td> gefüllt und aufgereiht -. Wir fünf oder sechs Reihen von Ketten Tasten hatten, alle gleiche Breite, die alle in 200 Pixel breite Tasten zentrierten

Aber in MS IE 7, die Link-Taste als Standard wird gerendert und ist nur gerade so breit wie nötig auf ihnen die Textbezeichnung enthält. So, jetzt haben wir fünf oder sechs Reihen, und jede Link-Taste wird als Schaltfläche mit der minimalen Breite gerendert erforderlich, um den Text für die Schaltfläche enthält. Sieht schrecklich ....

Ich habe bereits versucht, eine Zugabe von „width: 200px“ auf die CSS-Klasse, aber das tut nicht gut, wirklich: - (

Gibt es eine einfache Trick / Abhilfe MS IE erhalten 7 jene <asp:LinkButton> Elemente schön wieder, zu einer bestimmten, festgelegten Breite zu machen?

Wenn immer es möglich ist, würden wir gerne behalten die Breite in der CSS-Angabe - ich würde es vorziehen, nicht zu jedem einzelnen <asp:LinkButton> Instanz gehen zu müssen und die ASP.NET-Eigenschaft „Breite“ auf 200px gesetzt (das scheint Arbeit, btw -. werden die Link-Tasten schön auf die bestimmten, festgelegten Breite)

Marc

Answer 1

Hinzufügen display: block auf die CSS-Regel sollte es tun.