ASP.NET LinkBut​​ton在IE7中无法正确呈现

时间:2009-10-22 13:51:39

标签: asp.net css linkbutton asplinkbutton

我们有一个问题(许多人中的一个)与几周前切换到MS IE 7的客户(是的,是的,我知道.......不要问.....)

在我们的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像素宽的按钮为中心。 / p>

但是在MS IE 7中,链接按钮正在呈现为标准,并且只是在其上包含文本标签所需的宽度。所以现在我们有五到六行,每个链接按钮都呈现为一个按钮,其中包含按钮文本所需的最小宽度。看起来很糟糕....

我已经尝试在CSS类中添加“width:200px”,但这没有任何好处,真的: - (

是否有任何简单的技巧/解决方法可以让MS IE 7再次将这些<asp:LinkButton>元素很好地渲染到指定的固定宽度?

如果可能的话,我们想继续在CSS中指定宽度 - 我宁愿不必去每个<asp:LinkButton>实例并将ASP.NET属性“Width”设置为200px (这似乎工作,顺便说一下 - 链接按钮很好地设置为指定的固定宽度)。

马克

1 个答案:

答案 0 :(得分:2)

display: block添加到CSS规则应该可以解决问题。

相关问题