2009-10-22 62 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