У нас есть проблема (одна из многих) с клиентом, который перешел на 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 пикселей.
Но в MS IE 7 кнопки ссылок отображаются стандартно и имеют настолько широкую ширину, насколько необходимо для размещения на них текстовой метки. Итак, теперь у нас есть пять или шесть строк, и каждая кнопка ссылки отображается как кнопка с минимальной шириной, необходимой для размещения текста для кнопки. Выглядит ужасно ....
Я уже пытался добавить "width: 200px" к классу CSS, но на самом деле это не приносит пользы: - (
Есть ли какой-нибудь простой способ / обходной путь, позволяющий MS IE 7 снова визуализировать эти <asp:LinkButton> элементы до заданной фиксированной ширины?
Если возможно, мы хотели бы продолжать указывать ширину в CSS - я бы предпочел не переходить на каждый экземпляр <asp:LinkButton> и устанавливать для свойства ASP.NET «Ширина» значение 200 пикселей (что кажется, работает, между прочим - кнопки ссылки приятно установлены на указанную фиксированную ширину).
Марк