ASP.NET LinkButton non reso correttamente in IE7

Question

Abbiamo un problema (uno dei tanti) con un cliente che è passato a MS IE 7 solo poche settimane fa (sì, sì, lo so ....... non chiedere .....)

Nella nostra app ASP.NET, abbiamo una serie di <asp:LinkButton> controlli per la navigazione all'interno di una tabella HTML, ogni pulsante di collegamento su una riga separata. Il pulsante di collegamento si trova all'interno di un tag <td width="200">. A ogni <td> è assegnata una classe CSS che definisce:

.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, i pulsanti riempivano bene l'intera larghezza di <=> e si allineavano - avevamo cinque o sei file di pulsanti di collegamento, tutti della stessa larghezza, tutti centrati in pulsanti di 200 pixel di larghezza.

Ma in MS IE 7, i pulsanti di collegamento vengono visualizzati come standard e sono larghi quanto basta per contenere l'etichetta di testo su di essi. Quindi ora abbiamo cinque o sei righe e ogni pulsante di collegamento viene visualizzato come un pulsante con la larghezza minima necessaria per contenere il testo per il pulsante. Sembra orribile ....

Ho già provato ad aggiungere un " larghezza: 200px " alla classe CSS, ma questo non fa nulla di buono, davvero :-(

C'è qualche trucco / soluzione semplice per far sì che MS IE 7 ritorni questi <=> elementi in modo corretto, ad una larghezza fissa e specificata?

Se possibile, vorremmo continuare a specificare la larghezza nel CSS - Preferirei non dover andare in ogni <=> istanza e impostare la proprietà ASP.NET " Larghezza < !> quot; a 200px (che sembra funzionare, tra l'altro - i pulsanti di collegamento sono ben impostati sulla larghezza fissa specificata).

Marc

Answer 1

L'aggiunta di display: block alla regola CSS dovrebbe fare il trucco.