2009-10-22 27 views
1

我們有一個問題(其中之一)與幾個星期前轉向MS IE 7的客戶(是的,是的,我知道.......不要問.....)ASP.NET LinkBut​​ton在IE7中無法正確顯示

在我們的ASP.NET應用程序中,我們有一系列<asp:LinkButton>控件,用於在HTML表格中導航,每個鏈接按鈕位於單獨的行上。鏈接按鈕位於<td width="200">標籤內。每個<asp:LinkButton>分配有CSS類定義:

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

在MS IE 6,按鈕很好地填補了<td>的整個寬度和列隊 - 我們有鏈接按鈕的五元或六排中,所有相同的寬度全部集中在200個像素寬的按鈕中。

但是,在MS IE 7中,鏈接按鈕被渲染爲標準,並且只有在需要包含文本標籤時才足夠寬。所以現在我們有五六行,每個鏈接按鈕都呈現爲一個按鈕,其中包含按鈕文本所需的最小寬度。看起來可怕....

我已經嘗試添加「寬度:200像素」的CSS類,但這並沒有什麼好處,真:-(

有沒有簡單的把戲/解決方法讓MS IE 7將這些<asp:LinkButton>元素再次很好地渲染到指定的固定寬度?如果有可能,我們希望在CSS中指定寬度 - 我寧願不必每次都去和每個<asp:LinkButton>實例,並將ASP.NET屬性「寬度」設置爲200px(這似乎工作,順便說一句 - 鏈接按鈕很好地設置爲指定,固定的寬度)

Marc

+0

嘗試刪除html文檔的文檔類型,或者我們可能知道什麼是文檔類型? – jerjer 2009-10-22 14:05:47

回答

2

display: block添加到CSS規則應該做的伎倆。

+0

是的,謝謝 - 完美的作品! – 2009-10-22 14:24:25

相關問題